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 Tailwindcss Open-Source Projects
-
Tailwind is a CSS framework that speeds up the development process by allowing you to quickly write utility classes directly in your TSX markup.
-
shadcn/ui
Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
Project mention: Building a Fast, Efficient Web App: The Technology Stack of PromptSmithy Explained | dev.to | 2024-03-26For development of the UI components, we tried something new. Vercel has this new AI tool called v0.dev that allows developers to take advantage of shadcn/ui and Tailwind using nothing but words, which can then be easily downloaded to your local project using nothing but a simple npx command.
-
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.
-
Project mention: Building a Fast, Efficient Web App: The Technology Stack of PromptSmithy Explained | dev.to | 2024-03-26
While I have experience with Tailwind and frontend development, I don’t really have the patience to use it. I usually end up using something like Mantine, which is a complete component library UI kit, or Daisy UI, which is a component library built on top of Tailwind. Shadcn/ui is quite similar to Daisy in this sense, but being able to customize the individual components, since they get installed to your components folder, made development more streamlined and more customizable. On top of that being able to change my components style with natural language thanks to v0 made development super easy and fast. Shadcn may be too minimalist of a style for some, but thanks to all the components being local, you can customize them quickly and easily!
-
Cal.com is an open-source event-juggling scheduler for everyone, and is free for individuals.
-
headlessui
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
Catalyst is a comprehensive, fully componentized UI kit for modern React projects, built on the next generation of Headless UI. With Catalyst, you can create a custom set of components to use and reuse in your projects.
-
We start with a project that was bootstrapped with create-t3-app. For internationalization we use next-intl and set it up as described in the getting started guide. With this initial project setup we can jump into implementing localized error messages.
-
Project mention: Lenster a decentralized and permissionless social media app | news.ycombinator.com | 2023-05-25
-
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.
-
Reactive-Resume
A one-of-a-kind resume builder that keeps your privacy in mind. Completely secure, customizable, portable, open-source and free forever. Try it out today!
Go to App | Docs
-
Plausible Analytics
Simple, open source, lightweight (< 1 KB) and privacy-friendly web analytics alternative to Google Analytics.
No clue what you mean, browser cache might even clear itself without you doing anything manually. This thing makes no sense.
Nowhere ever did it say Tech Demo anywhere, not in the HN headline, not on the page itself. No, thanks. And even as a tech demo, there is nothing impressive going in. It is stores shit to local storage, I guess. Lol, I just looked this up, and it was in Firefox on 2009 already? WHAT? https://developer.mozilla.org/en-US/docs/Web/API/Window/loca... I never used it myself directly, but I remember reading about some API that kind of is the new version of cookies that can store more and better and I think that is it. 2009, I would swear what I think about was newer, maybe I am mixing something up, maybe not.
It has unnecessarily tracking from the comment above, not sure if it even sends all your notes to https://plausible.io, and I do not care. For me, this fails as a tech demo or whatever the fuck It's supposed to be. Sorry to not get all excited about everything posted here. In 2009 it for sure would ;)
-
taxonomy
An open source application built using the new router, server components and everything new in Next.js 13.
I am building this app with inspiration from Taxonomy and Acme corp so a lot of the design comes from there.
-
-
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!
-
We can select our favorite button component from the component library list of the project awesome-tailwindcss. Its html is as follows
-
sage
WordPress starter theme with Laravel Blade components and templates, Tailwind CSS, and a modern development workflow
Project mention: Sage – Advanced WordPress Starter Theme with Tailwind CSS and Laravel Blade | news.ycombinator.com | 2024-03-26 -
There is a (hillariously named) alternative noodle [1] that aims to compete in this space. It is under development but looks polished.
-
-
HyperUI
Free Tailwind CSS components for application UI, ecommerce and marketing with support for dark mode, RTL and Alpine JS 🚀
-
twin.macro
🦹♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, solid-styled-components, stitches and goober) at build time.
Twin Macro Github Repo. This is a great resource to help you pick up Twin’s syntax, learn more about the package, and keep up to date with the latest releases.
-
Next-js-Boilerplate
🚀🎉📚 Boilerplate and Starter for Next.js 14+ with App Router and Page Router support, Tailwind CSS 3.4 and TypeScript ⚡️ Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Husky + Lint-Staged + Jest + Testing Library + Cypress + Storybook + Commitlint + VSCode + Netlify + PostCSS + Tailwind CSS
I've built a starter in Nextjs 14 with auth: https://github.com/ixartz/Next-js-Boilerplate
-
Project mention: Upgrade my blog to Next.js 13.4 with MDX, Prisma, Tailwindcss, Planetscale, Giscus and Contentlayer | /r/nextjs | 2023-07-19
Shen Lu's portfolio, inspired by leerob.io.
-
Flowbite
-
-
panel
Pterodactyl® is a free, open-source game server management panel built with PHP, React, and Go. Designed with security in mind, Pterodactyl runs all game servers in isolated Docker containers while exposing a beautiful and intuitive UI to end users.
Project mention: PaperMC/Paper: The most widely used, high performance Minecraft server | news.ycombinator.com | 2024-03-10 -
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.
Tailwindcss related posts
- CSS Styling (Next.js)
- Open-source timepicker components for Tailwind CSS
- Exploring Catalyst, Tailwind's UI kit for React
- Building a Fast, Efficient Web App: The Technology Stack of PromptSmithy Explained
- Next.js 14 (App Router) - Server Actions - Full Authentication WebApp
- ShadCN
- Getting started with NativeWind: Tailwind for React Native
-
A note from our sponsor - SurveyJS
surveyjs.io | 28 Mar 2024
Index
What are some of the best open-source Tailwindcss projects? This list will help you:
Project | Stars | |
---|---|---|
1 | Tailwind CSS | 77,328 |
2 | shadcn/ui | 53,819 |
3 | daisyui | 29,945 |
4 | cal.com | 28,031 |
5 | headlessui | 23,901 |
6 | create-t3-app | 22,842 |
7 | hey | 22,191 |
8 | Reactive-Resume | 19,524 |
9 | Plausible Analytics | 18,032 |
10 | taxonomy | 17,278 |
11 | tremor | 14,816 |
12 | TW-Elements | 12,575 |
13 | awesome-tailwindcss | 12,568 |
14 | sage | 12,480 |
15 | noodle | 11,273 |
16 | cv | 8,172 |
17 | HyperUI | 7,855 |
18 | twin.macro | 7,777 |
19 | Next-js-Boilerplate | 6,818 |
20 | leerob.io | 6,793 |
21 | flowbite | 6,766 |
22 | windicss | 6,503 |
23 | panel | 5,932 |