Top 23 JavaScript Tailwind Projects

• TW-Elements

  45 12,694 9.1 JavaScript

  𝙃𝙪𝙜𝙚 collection of Tailwind MIT licensed (free) components, sections and templates 😎

  

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

• tailblocks

  43 8,566 0.0 JavaScript

  Ready-to-use Tailwind CSS blocks.

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

• SurveyJS

  surveyjs.io featured

  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.

  

• flowbite

  190 7,029 9.8 JavaScript

  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

  19 5,734 9.9 JavaScript

  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

  30 3,697 8.3 JavaScript

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

  

• mailwind

  5 3,166 0.0 JavaScript

  Use Tailwind CSS to design HTML emails.

• project_hoobank

  1 2,418 2.0 JavaScript

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

• InfluxDB

  www.influxdata.com featured

  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.

  

• react-three-next

  8 2,244 3.7 JavaScript

  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

  8 2,088 4.3 JavaScript

  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

  12 1,310 8.1 JavaScript

  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

  7 1,248 0.0 JavaScript

  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

  8 805 2.6 JavaScript

  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

  6 771 8.0 JavaScript

  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

  2 759 0.0 JavaScript

  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

  6 716 0.0 JavaScript

  Shopify theme development environment using Liquid, Vue and Tailwind CSS. Built on top of Shopify CLI 🧪

  

• nightwind

  3 694 0.0 JavaScript

  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

  12 673 0.0 JavaScript

  Nextjs + Tailwind CSS + Shopify Starter

• tailwindcss-debug-screens

  6 573 1.4 JavaScript

  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

  6 507 7.2 JavaScript

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

• nextjs-starter

  1 432 2.6 JavaScript

  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

  3 391 0.0 JavaScript

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

• horizon-tailwind-react

  15 380 2.8 JavaScript

  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

  1 331 0.0 JavaScript

  Use Tailwind with any CSS-in-JS library

• SaaSHub

  www.saashub.com featured

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

  

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 | 19 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

Sponsored

SaaSHub - Software Alternatives and Reviews

SaaSHub helps you find the best software and product alternatives

www.saashub.com

Do not miss the trending JavaScript projects with our weekly report!