JavaScript Tailwind

Open-source JavaScript projects categorized as Tailwind

Top 23 JavaScript Tailwind Projects

  • TW-Elements

    ๐™ƒ๐™ช๐™œ๐™š collection of Tailwind MIT licensed (free) components, sections and templates ๐Ÿ˜Ž

  • Project mention: Open-Source Components for TailwindCSS | news.ycombinator.com | 2024-05-07
  • tailblocks

    Ready-to-use Tailwind CSS blocks.

  • Project mention: Tailwind Color Palette Generator | news.ycombinator.com | 2024-02-02
  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • flowbite

    Open-source UI component library and front-end development framework based on Tailwind CSS

  • Project mention: 10+ UI Libraries for Svelte to Try in 2024 | dev.to | 2024-05-14

    Flowbite Svelte is an open-source UI library built with Svelte components and Tailwind CSS. It provides over 58 UI components and interactive elements built with Svelte and Flowbite. It comes with well-organized documentation, where you can see the code sample and preview the components for responsive sizes: desktop, tablet and smartphone. You can also switch light/dark modes and RTL/LTR text direction. The code looks quite straightforward and the components are styled very neat.

  • BioDrop

    Connect to your audience with a single link. Showcase the content you create and your projects in one place. Make it easier for people to find, follow and subscribe.

  • Project mention: 5 Developer Communities You Must Join in 2024 | dev.to | 2024-04-06

    I've started My Open Source Journey by Contributing to one of their Open Source project LinkFree (Currently Known as BioDrop) and the Community members Helped me in that process!

  • twind

    The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.

  • mailwind

    Use Tailwind CSS to design HTML emails.

  • project_hoobank

    Modern UI/UX website using React.js & Tailwind CSS

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • react-three-next

    React Three Fiber, Threejs, Nextjs starter

  • Project mention: React Lazy Loading react-three-fiber component | /r/threejs | 2023-12-06

    ps, you can also try https://github.com/pmndrs/react-three-next where we have abstracted this stuff. it gets 100% lighthouse score for performance, accessibility, best practices and seo.

  • tailwind-dashboard-template

    Mosaic Lite is a free admin dashboard template built on top of Tailwind CSS and fully coded in React. Made by

  • Project mention: Top 7+ Free Tailwind React Admin Dashboard Templates forย 2024 | dev.to | 2023-12-07

    โœ… Download Mosaic Lite (Github): tailwind-dashboard-template

  • eslint-plugin-tailwindcss

    ESLint plugin for Tailwind CSS usage

  • Project mention: Tailwind CSS for frontend teams: From settings to rules | dev.to | 2024-05-03

    However, after a little more searching, we found this plugin, which is maintained by the community and has slightly more rules than the official plugin's class name ordering rules. Again, most of the rules support auto-correction. Here are the rules the team chose to use

  • react-portfolio-template

    Modern React Portfolio Template (FREE)

  • Project mention: What am I doing wrong ? | /r/cscareerquestions | 2023-06-08

    Your project portfolio I actually thought was a troll at first, the colors, alignments, fonts, are all just horrendous. No offense, you're not a designer. But just use a nice clean template, there are hundreds out there. Use a UI kit, something. It has to be readable at the very least. Here, free - https://github.com/chetanverma16/react-portfolio-template

  • kutty

    Kutty is a tailwind plugin for building web applications. It has a set of accessible and reusable components that are commonly used in web applications.

  • Project mention: 10 best Tailwind CSS component libraries | dev.to | 2023-06-27

    Kutty is a Tailwind CSS plugin providing a set of accessible and reusable components for building various web applications. As it's a plugin, before you can use, it you'll need to install and configure it. Once installed, you just need to copy and paste the code for the components you want to use.

  • multiselect

    Vue 3 multiselect component with single select, multiselect and tagging options (+Tailwind CSS support).

  • Project mention: Implementing vueform templates | /r/django | 2023-12-07
  • notus-react

    Notus React: Free Tailwind CSS UI Kit and Admin

  • Project mention: Top 7+ Free Tailwind React Admin Dashboard Templates forย 2024 | dev.to | 2023-12-07

    โœ… Download Notus React (Github): notus-react

  • shopify-theme-lab

    Shopify theme development environment using Liquid, Vue and Tailwind CSS. Built on top of Shopify CLI ๐Ÿงช

  • nightwind

    An automatic, customisable, overridable Tailwind dark mode plugin

  • Project mention: The 7 best plugins to use in your Tailwind project | dev.to | 2023-10-11

    Nightwind is a plugin whose mission is to give you the gift of an effortless dark mode. The plugin uses your Tailwind config to automatically generate and apply classes for dark mode. It lets you write just one set of classes for your site, then you install and initialize it, and your site gets a dark mode without any further CSS on your part.

  • next-shopify-starter

    Nextjs + Tailwind CSS + Shopify Starter

  • tailwindcss-debug-screens

    A Tailwind CSS component that shows the currently active screen (responsive breakpoint).

  • Project mention: Next/Tailwind users โ€” what do you consider best practices for responsive rendering? | /r/nextjs | 2023-06-21

    Here's a nice package for this: https://github.com/jorenvanhee/tailwindcss-debug-screens

  • excalith-start-page

    Terminal-inspired, clean, feature-rich and customizable browser start page for geeks. Has built-in editor for customizing.

  • nextjs-starter

    A starter project for next js with authentication - Contains React 17 + Typescript + Tailwind CSS 2 + React Query 3 + GitHub Auth + LinkedIn Auth + Password-less Auth + Fauna DB + ESLint + Prettier + Husky

  • shopify-next.js-tailwind

    Learn the Shopify + Next.js + Tailwind CSS Stack! SWR, Hydrogen, + more

  • horizon-tailwind-react

    Horizon UI Tailwind CSS React JS โ‡๏ธ The trendiest & innovative Open Source Admin Dashboard Template for Tailwind CSS & React!

  • Project mention: Top 7+ Free Tailwind React Admin Dashboard Templates forย 2024 | dev.to | 2023-12-07

    โœ… Download Horizon UI (Github): horizon-tailwind-react

  • babel-plugin-tailwind-components

    Use Tailwind with any CSS-in-JS library

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

JavaScript Tailwind related posts

  • Tailwind CSS for frontend teams: From settings to rules

    4 projects | dev.to | 3 May 2024
  • Recommended Linters

    3 projects | dev.to | 3 Feb 2024
  • Top 7+ Free Tailwind React Admin Dashboard Templates forย 2024

    10 projects | dev.to | 7 Dec 2023
  • The 7 best plugins to use in your Tailwind project

    8 projects | dev.to | 11 Oct 2023
  • Has anyone figured out how to apply the eslint tailwindcss plugin to blade files?

    1 project | /r/laravel | 27 Sep 2023
  • Looking for full UI examples/copies for tailwind

    1 project | /r/tailwindcss | 23 Jun 2023
  • Tailwind plugin to help visually identify an element at dev time

    1 project | news.ycombinator.com | 23 Jun 2023
  • A note from our sponsor - SurveyJS
    surveyjs.io | 21 May 2024
    With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more โ†’

Index

What are some of the best open-source Tailwind projects in JavaScript? This list will help you:

Project Stars
1 TW-Elements 12,694
2 tailblocks 8,566
3 flowbite 7,077
4 BioDrop 5,734
5 twind 3,698
6 mailwind 3,166
7 project_hoobank 2,418
8 react-three-next 2,244
9 tailwind-dashboard-template 2,088
10 eslint-plugin-tailwindcss 1,310
11 react-portfolio-template 1,248
12 kutty 805
13 multiselect 773
14 notus-react 759
15 shopify-theme-lab 716
16 nightwind 694
17 next-shopify-starter 673
18 tailwindcss-debug-screens 573
19 excalith-start-page 507
20 nextjs-starter 432
21 shopify-next.js-tailwind 391
22 horizon-tailwind-react 380
23 babel-plugin-tailwind-components 331

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com