TypeScript Tailwindcss

Open-source TypeScript projects categorized as Tailwindcss

Top 23 TypeScript Tailwindcss Projects

  • shadcn/ui

    Beautifully designed components built with Radix UI and Tailwind CSS.

    Project mention: Show HN: Use shadcn UI in Python Streamlit | news.ycombinator.com | 2023-11-28
  • cal.com

    Scheduling infrastructure for absolutely everyone.

    Project mention: The Product Hunt + Fastgen Hackathon | /r/hackathon | 2023-10-28

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

    GitHub stars: 22.5k GitHub link: https://github.com/tailwindlabs/headlessui Documentation: https://headlessui.com/

  • hey

    Hey is a decentralized and permissionless social media app built with Lens Protocol 🌿

    Project mention: Lenster a decentralized and permissionless social media app | news.ycombinator.com | 2023-05-25
  • create-t3-app

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

    Project mention: Good repo examples | /r/reactnative | 2023-11-26

    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.

    Project mention: 5 Github Repositories To Master Next.js 😎 | dev.to | 2023-10-30

    View on GitHub

  • tremor

    The React library to build dashboards fast.

    Project mention: Show HN: React and Tailwind CSS UI Components | news.ycombinator.com | 2023-11-30
  • 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!

    Project mention: Creating my own docker guide for a total n00b? | /r/unRAID | 2023-12-01

    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.

  • noodle

    Open Source Education Platform

    Project mention: Moodle: Open-Source LMS | news.ycombinator.com | 2023-07-16

    There is a (hillariously named) alternative noodle [1] that aims to compete in this space. It is under development but looks polished.

    [1] https://noodle.run

  • 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.

    Project mention: Tailwindcss in Styled-Components | dev.to | 2023-04-18

    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.

  • windicss

    Next generation utility-first CSS framework.

  • 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-09

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

    The 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.

    Project mention: Problem with SubDomains (Multitenancy) | /r/nextjs | 2023-09-15

    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;

  • formbricks

    Open Source Survey Toolbox

    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.

  • precedent

    An opinionated collection of components, hooks, and utilities for your Next.js project.

    Project mention: ## Frontend with Google Sign in + Token | dev.to | 2023-01-20

    Recommended frontend starter: next-auth + prisma https://github.com/steven-tey/precedent

  • typebot.io

    💬 Typebot is a powerful chatbot builder that you can self-host.

    Project mention: WIP: Open Source Chat Widget / Agent Embed | /r/aiautomationagencies | 2023-11-30

    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

  • nativewind

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

    Project mention: Best headless UI libraries in React Native | dev.to | 2023-10-04

    At the time of writing of this article, the library currently relies on an older version of TailwindCSS

  • tailwind-merge

    Merge Tailwind CSS classes without style conflicts

    Project mention: Styling React 2023 edition | dev.to | 2023-11-03

    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.

  • FigmaToCode

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

    Project mention: Best Flutter UI kit | /r/FlutterDev | 2023-06-04
  • playground-macos

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

  • 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-16

    Material 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


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.