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 →
Top 23 JavaScript Tailwindcss Projects
-
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.
-
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.
-
tailwind-dashboard-template
Mosaic Lite is a free admin dashboard template built on top of Tailwind CSS and fully coded in React. Made by
-
universal-resume
Minimal and formal résumé (CV) website template for print, mobile, and desktop. https://bit.ly/ur_demo
-
onur.dev
✦ My personal website built using Next.js, Tailwind CSS, shadcn/ui, Contentful, Raindrop, Supabase and deployed on Vercel.
-
paimon-moe
Your best Genshin Impact companion! Help you plan what to farm with ascension calculator and database. Also track your progress with todo and wish counter.
-
tailwindcss-stimulus-components
A set of StimulusJS components for TailwindCSS apps similar to Bootstrap JS components.
-
nextacular
An open-source starter kit that will help you build full-stack multi-tenant SaaS platforms efficiently and help you focus on developing your core SaaS features. Built on top of popular and modern technologies such as Next JS, Tailwind, Prisma, and Stripe.
-
react-typescript-web-extension-starter
:desktop_computer: Web Extension starter kit built with React, TypeScript, TailwindCSS, Storybook, Jest, EsLint, Prettier, and Webpack. Supports Google Chrome + Mozilla Firefox + Brave Browser + Microsoft Edge + Opera :fire:
-
linked
🧾 Daily journaling without distraction. An easy, distraction-free way to record your thoughts, declutter your mind and keep the things you want to remember. Join the discord at https://discord.gg/uNjJzZvccr
-
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.
-
multiselect
Vue 3 multiselect component with single select, multiselect and tagging options (+Tailwind CSS support).
-
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.
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!
TailwindCSS (with Flowbite)
Use the editor at readme.so
Some frameworks and themes to use in combination :
- https://konstaui.com/
- https://framework7.io/
Project mention: Top 7+ Free Tailwind React Admin Dashboard Templates for 2024 | dev.to | 2023-12-07✅ Download Mosaic Lite (Github): tailwind-dashboard-template
I came across an inspiring blog site called onur.dev which exemplified the kind of site I wanted to build for myself. The clean design and features were just what I had envisioned. I resolved to model my own site after this one.
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 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.
JavaScript Tailwindcss related posts
- Shared Data-Layer Setup For Micro Frontend Application with Nx Workspace
- My Failed Student Housing App
- Tailwind CSS product overview components built for E-commerce websites
- Mojo CSS vs. Tailwind: Choosing the best CSS framework
- Collab Lab #66 Recap
- Shared Tailwind Setup For Micro Frontend Application with Nx Workspace
- CSS Styling (Next.js)
-
A note from our sponsor - SurveyJS
surveyjs.io | 27 Apr 2024
Index
What are some of the best open-source Tailwindcss projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | TW-Elements | 12,651 |
2 | flowbite | 6,917 |
3 | drawdb | 6,154 |
4 | readme.so | 3,844 |
5 | twind | 3,686 |
6 | konsta | 3,267 |
7 | mailwind | 3,163 |
8 | project_hoobank | 2,393 |
9 | tailwind-dashboard-template | 2,062 |
10 | universal-resume | 1,699 |
11 | onur.dev | 1,552 |
12 | HULL | 1,337 |
13 | paimon-moe | 1,333 |
14 | tailwindcss-stimulus-components | 1,305 |
15 | eslint-plugin-tailwindcss | 1,288 |
16 | react-portfolio-template | 1,236 |
17 | nextacular | 966 |
18 | windmill-dashboard-react | 949 |
19 | react-typescript-web-extension-starter | 892 |
20 | linked | 843 |
21 | kutty | 794 |
22 | shopper | 778 |
23 | multiselect | 764 |
Sponsored