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. Learn more →
Top 23 TypeScript Tailwindcss Projects
-
-
Peer Rich (CEO at Cal.com)
-
Appwrite
Appwrite - The open-source backend cloud platform. Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools.
-
headlessui
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
Project mention: 9 React component libraries for efficient development in 2023 | dev.to | 2023-11-13GitHub stars: 22.5k GitHub link: https://github.com/tailwindlabs/headlessui Documentation: https://headlessui.com/
-
Project mention: Lenster a decentralized and permissionless social media app | news.ycombinator.com | 2023-05-25
-
You can checkout https://github.com/t3-oss/create-t3-turbo which is based on https://create.t3.gg
-
taxonomy
An open source application built using the new router, server components and everything new in Next.js 13.
View on GitHub
-
-
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.
-
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!
So I would like to use an updated version of Reactive Resume. Currently the community app is stuck at v1 whereas the app has reached v4.
-
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.
-
-
Next-js-Boilerplate
🚀🎉📚 Boilerplate and Starter for Next.js 14+ with App Router and Page Router support, Tailwind CSS 3.3 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
Project mention: After 3 years, Next.js Boilerplate has reached 5000+ ⭐ stars on GitHub built with Next.js 14 + TypeScript + Tailwind CSS. It includes Authentication, Database & ORM, Forms, SEO, Testing, CI/CD, One-Click deployment, and more | /r/reactjs | 2023-11-09After 3 years of maintaining Next.js Boilerplate, my free and open source Next.js Boilerplate has finally reached more than 5000+ ⭐ stars on GitHub. During these 3 years, I have received countless feedback and contribution to improve the boilerplate. I'm extremely happy, now the template includes:
-
next-enterprise
💼 An enterprise-grade Next.js boilerplate for high-performance, maintainable apps. Packed with features like Tailwind CSS, TypeScript, ESLint, Prettier, testing tools, and more to accelerate your development.
Project mention: Free Next.js Boilerplate for ⚡️High-Performance⚡️ Enterprise Apps | dev.to | 2023-05-18The next-enterprise is an open-source template developed by Blazity that provides a robust set of features for building enterprise projects. It offers high-performance, maintainable and enjoyable web app development, making it an excellent choice for developers who want to streamline their workflow.
-
platforms
A full-stack Next.js app with multi-tenancy and custom domain support. Built with Next.js App Router and the Vercel Domains API.
I am trying to add subdomains to my project where I am trying to have [slug].domainname.com and then also just the regular dominname.com, I structured my code app router to be app, then api, [subdomain], and home. then i created middleware based on the platforms template code https://github.com/vercel/platforms/tree/main Heres the middleware: import { NextRequest, NextResponse } from "next/server"; export const config = { matcher: [ /* * Match all paths except for: * 1. /api routes * 2. /_next (Next.js internals) * 3. /_static (inside /public) * 4. all root files inside /public (e.g. /favicon.ico) */ "/((?!api/|_next/|_static/|_vercel|[\\w-]+\\.\\w+).*)", ], }; export default function middleware(req) { const url = req.nextUrl;
-
Project mention: [Beginner Friendly] Transform Your Web App with Formbricks Surveys: A Must-Know Guide🔥🔥🔥 | dev.to | 2023-11-04
You have learned how to integrate Formbricks Survey into your web application. Thanks for reading till the end. If you have any feedback, the comment section is yours. If you find this blog useful you can share this blogs.
-
Recommended frontend starter: next-auth + prisma https://github.com/steven-tey/precedent
-
Hi Guys, Since everyone is building chatbots these days. Here is a chat widget, originally written for typebot.io but can be used with any backend now. https://github.com/Predictable-Dialogs/agent-embed
-
At the time of writing of this article, the library currently relies on an older version of TailwindCSS
-
clsx is a tiny utility for constructing className strings conditionally, I use it in conjunction with tailwind-merge which merges Tailwind CSS classes without style conflicts.
-
-
-
tail-kit
Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 3.0.
-
material-tailwind
@material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design.
Project mention: How to Create an Awesome Landing Page 💻 📱 with Tailwind CSS(Step-by-Step guide) | dev.to | 2023-11-16Material Tailwind takes the essence of Tailwind CSS and offers a suite of pre-built, elegant components that adhere to modern design standards. It's like having a set of building blocks, ready to be assembled, but with the flexibility to be customized on the go. Developers can instantly implement components like buttons, modals, and cards with Material Tailwind, skipping the foundational design steps.
-
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.
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
The latest post mention was on 2023-12-01.
TypeScript Tailwindcss related posts
- Creating my own docker guide for a total n00b?
- Show HN: React and Tailwind CSS UI Components
- Brand New K70 Max taken out of the box 2 days ago, already prepped to go in the garbage.
- Building my side project using Nuxt3, Supabase, Fastify, & Vercel
- My Journey in Making "Coin Factory": A Web Game
- 🚀 Introducing Reactive Resume v4, a free and open-source resume builder!
- Show HN: Reactive Resume v4 – A free and open-source resume builder
-
A note from our sponsor - InfluxDB
www.influxdata.com | 1 Dec 2023
Index
What are some of the best open-source Tailwindcss projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | shadcn/ui | 35,966 |
| 2 | cal.com | 25,198 |
| 3 | headlessui | 22,835 |
| 4 | hey | 21,472 |
| 5 | create-t3-app | 21,352 |
| 6 | taxonomy | 15,918 |
| 7 | tremor | 13,673 |
| 8 | Reactive-Resume | 13,324 |
| 9 | noodle | 11,069 |
| 10 | twin.macro | 7,631 |
| 11 | windicss | 6,468 |
| 12 | Next-js-Boilerplate | 5,281 |
| 13 | next-enterprise | 4,741 |
| 14 | platforms | 4,720 |
| 15 | formbricks | 4,617 |
| 16 | precedent | 4,077 |
| 17 | typebot.io | 4,022 |
| 18 | nativewind | 3,352 |
| 19 | tailwind-merge | 3,342 |
| 20 | FigmaToCode | 3,291 |
| 21 | playground-macos | 2,986 |
| 22 | tail-kit | 2,779 |
| 23 | material-tailwind | 2,737 |
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.
getonboard.dev