InfluxDB is the Time Series Data Platform where developers build real-time applications for analytics, IoT and cloud-native services in less time with less code. Learn more →
Top 23 TypeScript Tailwindcss Projects
-
headlessui
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
Radix UI is my go-to UI library. Comes with accessibility out of the box, but doesn't limit you to a certain style. Headless UI (by the Tailwind team) is also a good option.
-
Create T3 app https://github.com/t3-oss/create-t3-app
I was fairly new to "modern" web dev, starting a project, and went with Django because I had more Python experience than anything else. But I found templates very lackluster and poor to integrate with all the different JS ecosystem libraries people are creating to do very cool things on the frontend. Unfortunately, hooking React up to Django is a mess and most people doing this are still 5 years behind in React-land. Are you going to hybrid some template and some React? Are you going to containerize your django and react build system together?
Basically, I wanted a robust frontend ecosystem, well integrated to a simple backend (no Spring, Django-Rest-Framework monstrosities).
That led to React -> Next.js -> Typescript backend -> the rest of the niceties around it like Prisma (ORM-ish)
Create T3 App simplifies all the setup into a template and is extremely fast to start building features. tRPC is an optional nicety.
-
Zigi
The context switching struggle is real. Zigi makes context switching a thing of the past. It monitors Jira and GitHub updates, pings you when PRs need approval and lets you take fast actions - all directly from Slack!
-
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: Can anyone recommend a reputable staffing agency? | reddit.com/r/houston | 2022-11-13 -
twin.macro
🦹♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, stitches and goober) at build time.
If you use Tailwind with React a lot, and are wanting support for Styled Components, give Twin Macro a look. They're close to finishing support for TW v3 in their Releases section :)
-
Project mention: Vite 2.x + Vue 3.x + quasar 2.x + windcss 3.x starter ⚡ | reddit.com/r/u_Special_Paint_9099 | 2022-01-19
why not use Windi CSS or Tailwind css?
-
Really humbled to see that the CEO of Vercel mentioned tremor.so in one of his latest posts.
-
Project mention: My portfolio built with Next.js, TypeScript, Firebase, and Vercel ✨ | reddit.com/r/node | 2022-11-24
You've forked the site from leerob.io, no wonder it seemed to familiar lol
-
Sonar
Write Clean JavaScript Code. Always.. 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.
-
taxonomy
An open source application built using the new router, server components and everything new in Next.js 13.
Project mention: [Showoff Saturday] Madea Next.js and TailwindCSS starter with the new app directory ✨ (Links in comments) | reddit.com/r/nextjs | 2022-11-26Did you base this off https://github.com/shadcn/taxonomy ? Seeing a lot of the same code and file structure.
-
Next-js-Boilerplate
🚀🎉📚 Boilerplate and Starter for Next.js 13+, Tailwind CSS 3.2 and TypeScript ⚡️ Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Husky + Lint-Staged + Jest + Testing Library + Cypress + Commitlint + VSCode + Netlify + PostCSS + Tailwind CSS
Project mention: After 2 weeks of intensive work, I just finished building my Landing Page, built in React and Next.js styled with Tailwind CSS. | reddit.com/r/reactjs | 2022-11-18You can check out my open source code at: https://github.com/ixartz/Next-js-Boilerplate or you can find more project I open source on my GitHub profile: https://github.com/ixartz
-
Project mention: Ask HN: What was the most unique website you’ve come across on the internet? | news.ycombinator.com | 2022-02-23
-
-
tail-kit
Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 2.0.
Project mention: Affordable tailwind theme(html template) for e-commerce project | reddit.com/r/tailwindcss | 2022-11-03 -
Project mention: Trying to create a website where if users signup will create a subdomain using React JS and Node JS using server less architecture. Any help would be appreciated. | reddit.com/r/reactjs | 2022-11-25
https://vercel.com/guides/nextjs-multi-tenant-application https://github.com/vercel/platforms
-
Project mention: Is there a good project on github where I can learn how angular/rxjs should be used? | reddit.com/r/Angular2 | 2022-06-14
-
Project mention: nvim-cmp: source for converting tailwindcss class to pure css code | reddit.com/r/neovim | 2022-08-12
-
Find some good versatile Github Repos / Tutorials and try to follow them / reverse engineer /rebuild them. For example: https://angularexpo.com/minimis-real-world-angular-app-example/ https://github.com/trungk18/jira-clone-angular https://github.com/trungk18/angular-spotify https://itnext.io/building-beautiful-tiktok-clone-with-angular-and-micro-frontend-part-1-bdd189425695 https://github.com/Jon-Peppinck/linkedin-clone
-
Project mention: How to add dynamic placeholder to Image component in Next.js ? | reddit.com/r/reactjs | 2022-11-23
So, I have an image component in Next.js I want to add a custom placeholder, I used Plaiceholder to add placeholder, but it only seems to work when the Image has been provided with width and height but does not seem to work when I provide, I manipulate the height and width with CSS .
-
There's another option that I haven't used yet, but I think that it's a great option. nativewind brings tailwindcss to react-native. some other libraries try to do the same, but I think nativewind looks better than the others.
-
material-tailwind
@material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design.
Get it here
-
Project mention: Best use of a $1000 learning stipend for this year? | reddit.com/r/cscareerquestions | 2022-11-29
Educational plug: https://egghead.io/
-
ts-nextjs-tailwind-starter
🔋 Next.js + Tailwind CSS + TypeScript starter packed with useful development features
-
Added the tailwind-prettier-plugin as not everyone uses headwind
-
-
Scout APM
Truly a developer’s best friend. Scout APM is great for developers who want to find and fix performance issues in their applications. With Scout, we'll take care of the bugs so you can focus on building great things 🚀.
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 2022-11-29.
TypeScript Tailwindcss related posts
- I am trying to lightning / eq spell combo for either of the blue boxes and plan to use heroes to take out the rest. Is it possible.
- Lightning authentication (LNURL-Auth)
- What is the average starting cost for building a SaaS company?
- tier list?
- [Showoff Saturday] Madea Next.js and TailwindCSS starter with the new app directory ✨ (Links in comments)
- Trying to create a website where if users signup will create a subdomain using React JS and Node JS using server less architecture. Any help would be appreciated.
- How much would an app cost written by a professional?
-
A note from our sponsor - InfluxDB
www.influxdata.com | 30 Nov 2022
Index
What are some of the best open-source Tailwindcss projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | headlessui | 17,828 |
| 2 | create-t3-app | 10,919 |
| 3 | Reactive-Resume | 8,064 |
| 4 | twin.macro | 6,574 |
| 5 | windicss | 5,903 |
| 6 | tremor | 4,819 |
| 7 | leerob.io | 4,451 |
| 8 | taxonomy | 3,331 |
| 9 | Next-js-Boilerplate | 2,789 |
| 10 | playground-macos | 2,745 |
| 11 | FigmaToCode | 2,733 |
| 12 | tail-kit | 2,476 |
| 13 | platforms | 2,177 |
| 14 | angular-spotify | 2,112 |
| 15 | tailwindcss-intellisense | 2,053 |
| 16 | jira-clone-angular | 1,890 |
| 17 | plaiceholder | 1,680 |
| 18 | nativewind | 1,324 |
| 19 | material-tailwind | 1,284 |
| 20 | egghead-next | 1,263 |
| 21 | ts-nextjs-tailwind-starter | 1,259 |
| 22 | headwind | 1,249 |
| 23 | tailwindcss | 1,156 |
Build time-series-based applications quickly and at scale.
InfluxDB is the Time Series Data Platform where developers build real-time applications for analytics, IoT and cloud-native services in less time with less code.
www.influxdata.com