Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work. Learn more →
Top 23 Tailwindcss Open-Source Projects
-
Project mention: Learn how to install Blazor (.NET) with Flowbite and Tailwind CSS | dev.to | 2023-09-28
Tailwind CSS is a popular and open-source utility first CSS framework that has grown in adoption the past few years with the rise of UI libraries.
-
Project mention: Accessibility and Headless UI Libraries - Adobe, Radix, Tailwind, MUI | dev.to | 2023-09-24
ShadCN UI - 3rd party minimally styled component library built with Radix Primitives
-
Appwrite
Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!
-
-
Modern at first sight, but quickly dull the senses. Passable for their supreme usability (the Vercel dashboard works better on mobile than many websites on desktop).
On the bottom right corners are the grandiloquent, the pompous, the extravagant. See them on Awwwards. Somehow, I feel a sizeable of Web3 websites fall into this, though I have only superficial exposure to them, with their overuse of transitions and animations.
It's hard to find the exemplary websites, the residents of the top right corner. Some suggest the apple.com website, which I feel is certainly worthy of consideration but whose style I don't really grok. I shall leave here some suggestions, whose merits I hope is clear upon the first visit:
-
headlessui
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
Project mention: Accessibility and Headless UI Libraries - Adobe, Radix, Tailwind, MUI | dev.to | 2023-09-24Tailwind - Headless UI
-
Project mention: Lenster a decentralized and permissionless social media app | news.ycombinator.com | 2023-05-25
-
Project mention: Ask HN: BlitzJS, RedwoodJS, RefineJS or something else for fullstack JavaScript? | news.ycombinator.com | 2023-08-23
-
Onboard AI
Learn any GitHub repo in 59 seconds. Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.
-
Plausible Analytics
Simple, open source, lightweight (< 1 KB) and privacy-friendly web analytics alternative to Google Analytics.
Project mention: Ask HN: What is the least obnoxious way to ask for cookie permissions? | news.ycombinator.com | 2023-09-29You log the IP address, referrer, user agent and the requested page URL but you don't set a unique cookie to identify the user.
This still gets you plenty of actionable analytics information: where geographically people are located (via GeoIP), what pages are most popular, what platforms (including desktop vs mobile) people are using.
I've been using https://plausible.io for analytics on a bunch of my sites for a couple of years now and I honestly don't miss the extra level of detail I got from cookie-based analytics I've used in the past.
-
taxonomy
An open source application built using the new router, server components and everything new in Next.js 13.
Check out these two GitHub repositories: https://github.com/sadmann7/skateshop/ and https://github.com/shadcn/taxonomy/. They both use Next.js 13 and have well-structured folders and well-written code. Next.js provides performance optimization. To improve it further, avoid loading unnecessary items and use a CDN for fast content delivery. Both not loading unnecessary content & lazy loading) and CDN is 2 individual topics to dive into.
-
Project mention: Tremor – The React library to build dashboards fast | news.ycombinator.com | 2023-07-28
Interesting it's open-source but they don't seem to highlight it on their home page, I had to search for their Github page to find it https://github.com/tremorlabs/tremor
Then when I came back to the home page and searched for "license", I confirmed it says "Apache-2.0 license" in light-grey, small font in the middle of the page.
-
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!
Project mention: Finally I am tackling my CV (and yes I am procrastinating on something else by doing this)...But need tips on how best to write one? | /r/ADHDUK | 2023-05-24Hi! Recently updated my CV myself, and used this website: https://rxresu.me/
-
sage
WordPress starter theme with Laravel Blade components and templates, Tailwind CSS, and a modern development workflow
Hey there!
Using Django or Flask might be overkill for what you're trying to do. I suggest you to stick with WordPress, but check out the Sage/root style over at https://roots.io/sage.
It's not the classic WordPress; it's a modern, more secure version.
Also only use plugins when you absolutely have to, and if you do, stick with the pros (i.e. Gravityforms).
I've used WP alot (more than 1000s of websites) and I'm also using Python with Flask and FastAPI (but never used Django).
-
Tailwind Elements
-
-
There is a (hillariously named) alternative noodle [1] that aims to compete in this space. It is under development but looks polished.
-
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.
-
-
HyperUI
Free Tailwind CSS components for application UI, ecommerce and marketing with support for dark mode, RTL and Alpine JS 🚀
About Bulma & Bootstrap or any HTML/CSS frameworks, you are free to use anything you want within Maglev. Because I didn't have time to design/integrate the sections myself, I relied on an open source library of Taildwincss components (https://hyperui.dev).
-
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.
-
Project mention: Learn how to install Blazor (.NET) with Flowbite and Tailwind CSS | dev.to | 2023-09-28
Flowbite is another popular and open-source UI component library that is based on Tailwind CSS and can help you build websites even faster where you can leverage elements like dropdowns, modals, navbars, and more.
-
tailwind-starter-kit
Tailwind Starter Kit a beautiful extension for TailwindCSS, Free and Open Source
-
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.
pterodactyl panel. Its amazing for any and all forums of game management.
-
serge
A web interface for chatting with Alpaca through llama.cpp. Fully dockerized, with an easy to use API.
Project mention: Show HN: LlamaGPT – Self-hosted, offline, private AI chatbot, powered by Llama 2 | news.ycombinator.com | 2023-08-16Very cool, this looks like a combination of chatbot-ui and llama-cpp-python? A similar project I've been using is https://github.com/serge-chat/serge. Nous-Hermes-Llama2-13b is my daily driver and scores high on coding evaluations (https://huggingface.co/spaces/mike-ravkine/can-ai-code-resul...).
-
InfluxDB
Collect and Analyze Billions of Data Points in Real Time. Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.
Tailwindcss related posts
- My Hacktoberfest Pledge
- Learn how to install Blazor (.NET) with Flowbite and Tailwind CSS
- Has anyone figured out how to apply the eslint tailwindcss plugin to blade files?
- Classic rock, Mario Kart, and why we can’t agree on Tailwind
- Accessibility and Headless UI Libraries - Adobe, Radix, Tailwind, MUI
- Simple Internationalization (i18n) for Nextjs (App Router) with Server Actions and cookies
- Problem with SubDomains (Multitenancy)
-
A note from our sponsor - Sonar
www.sonarsource.com | 1 Oct 2023
Index
What are some of the best open-source Tailwindcss projects? This list will help you:
Project | Stars | |
---|---|---|
1 | Tailwind CSS | 72,265 |
2 | shadcn/ui | 31,927 |
3 | daisyui | 24,864 |
4 | cal.com | 23,401 |
5 | headlessui | 22,282 |
6 | hey | 21,223 |
7 | create-t3-app | 19,597 |
8 | Plausible Analytics | 16,143 |
9 | taxonomy | 15,306 |
10 | tremor | 12,936 |
11 | Reactive-Resume | 12,531 |
12 | sage | 12,299 |
13 | Tailwind-Elements | 11,821 |
14 | awesome-tailwindcss | 11,685 |
15 | noodle | 10,815 |
16 | twin.macro | 7,545 |
17 | windicss | 6,450 |
18 | HyperUI | 6,305 |
19 | leerob.io | 6,176 |
20 | flowbite | 5,669 |
21 | tailwind-starter-kit | 5,400 |
22 | panel | 5,314 |
23 | serge | 4,973 |