TypeScript Tailwindcss

Open-source TypeScript projects categorized as Tailwindcss

Top 23 TypeScript Tailwindcss Projects

  • headlessui

    Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

    Project mention: Best UI libraries for React? | reddit.com/r/reactjs | 2022-11-22

    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

    The best way to start a full-stack, typesafe Next.js app

    Project mention: Go Framework: No Framework? | news.ycombinator.com | 2022-11-29

    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.

    Project mention: What unpopular webdev opinions do you have? | reddit.com/r/webdev | 2022-09-26

    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 :)

  • windicss

    Next generation utility-first CSS framework.

    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?

  • tremor

    The react library to build dashboards fast.

    Project mention: CEO of Vercel is tweeting about us | reddit.com/r/webdev | 2022-10-30

    Really humbled to see that the CEO of Vercel mentioned tremor.so in one of his latest posts.

  • leerob.io

    ✨ My portfolio built with Next.js, Tailwind, Prisma, and Vercel.

    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-26

    Did 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-18

    You 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

  • playground-macos

    My portfolio website simulating macOS's GUI, developed with React and UnoCSS.

    Project mention: Ask HN: What was the most unique website you’ve come across on the internet? | news.ycombinator.com | 2022-02-23
  • FigmaToCode

    Generate responsive pages and apps on HTML, Tailwind, Flutter and SwiftUI.

    Project mention: Does this exist? | reddit.com/r/SwiftUI | 2021-12-09
  • 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
  • platforms

    A template for site builders and low-code tools.

    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

  • angular-spotify

    Spotify client built with Angular 12, Nx Workspace, ngrx, TailwindCSS and ng-zorro

    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
  • tailwindcss-intellisense

    Intelligent Tailwind CSS tooling for Visual Studio Code

    Project mention: nvim-cmp: source for converting tailwindcss class to pure css code | reddit.com/r/neovim | 2022-08-12
  • jira-clone-angular

    A simplified Jira clone built with Angular, ng-zorro and Akita

    Project mention: How do you improve without a mentor? | reddit.com/r/angular | 2022-02-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

  • plaiceholder

    Beautiful image placeholders, without the hassle 🖼

    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 .

  • nativewind

    React Native utility-first universal design system - powered by Tailwind CSS

    Project mention: How I go with react native in late 2022 | dev.to | 2022-11-27

    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.

    Project mention: 15 Tailwind CSS UI Kits, both free and paid | dev.to | 2022-03-28

    Get it here

  • egghead-next

    The frontend for egghead.io.

    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

    Project mention: I Remake My Personal Site using Tailwind CSS | dev.to | 2022-03-15
  • headwind

    An opinionated Tailwind CSS class sorter built for Visual Studio Code

    Project mention: HyperUI Rewritten... What's Changed? | dev.to | 2022-10-04

    Added the tailwind-prettier-plugin as not everyone uses headwind

  • tailwindcss

    Tailwind CSS module for Nuxt (by nuxt-modules)

    Project mention: Nuxt 3, Apollo GraphQL, TailwindCSS Crash Course | dev.to | 2022-10-16
  • 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


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.