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. Learn more →
Top 23 JavaScript Tailwind Projects
-
I'd like to share my latest discovery with you. TW Elements is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars. It's a huge collection of stunning components made with attention to the smallest detail. Forms, cards, buttons, and hundreds of others. All components have dark mode and very intuitive theming options. The project is supported by an engaged community on GitHub, I recommend you check it out and join one of the many discussions. You will find installation instructions here, and you can track the progress of the project live here. The project was kickstarted by @mdbootstrap, a group of open-source developers behind MDB UI Kit - a high-quality UI kit for Bootstrap, and also behind MDB GO - hosting and deployment platform. I highly recommend you to check it out!
-
-
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.
-
Tailwind is great, but creating everything from scratch is annoying. A nice base of components which can be extended with tailwind would be great. There are a few tailwind frameworks like Flowbite, Daisy Ui, but I like Bulma, PicoCSS and Bootstrap.
-
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.
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!
-
-
-
-
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.
-
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 - Rules enforcing best practices and consistency using Tailwind CSS.
-
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.
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: 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 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.
-
-
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-21Here's a nice package for this: https://github.com/jorenvanhee/tailwindcss-debug-screens
-
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
-
excalith-start-page
Terminal-inspired, clean, feature-rich and customizable browser start page for geeks. Has built-in editor for customizing.
-
-
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
-
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
JavaScript Tailwind related posts
- Recommended Linters
- Top 7+ Free Tailwind React Admin Dashboard Templates for 2024
- The 7 best plugins to use in your Tailwind project
- Has anyone figured out how to apply the eslint tailwindcss plugin to blade files?
- Looking for full UI examples/copies for tailwind
- Tailwind plugin to help visually identify an element at dev time
- Top resources for Tailwind CSS for 2023
-
A note from our sponsor - InfluxDB
www.influxdata.com | 17 Apr 2024
Index
What are some of the best open-source Tailwind projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | TW-Elements | 12,629 |
2 | tailblocks | 8,458 |
3 | flowbite | 6,890 |
4 | BioDrop | 5,701 |
5 | twind | 3,683 |
6 | mailwind | 3,159 |
7 | project_hoobank | 2,382 |
8 | react-three-next | 2,179 |
9 | tailwind-dashboard-template | 2,051 |
10 | eslint-plugin-tailwindcss | 1,278 |
11 | react-portfolio-template | 1,230 |
12 | kutty | 792 |
13 | multiselect | 763 |
14 | notus-react | 750 |
15 | shopify-theme-lab | 704 |
16 | nightwind | 690 |
17 | next-shopify-starter | 673 |
18 | tailwindcss-debug-screens | 572 |
19 | nextjs-starter | 432 |
20 | excalith-start-page | 420 |
21 | shopify-next.js-tailwind | 382 |
22 | horizon-tailwind-react | 370 |
23 | babel-plugin-tailwind-components | 331 |