TypeScript PostCSS

Open-source TypeScript projects categorized as PostCSS

Top 23 TypeScript PostCSS Projects

  1. Tailwind CSS

    A utility-first CSS framework for rapid UI development.

    Project mention: How to add markdown to a Next.js project | dev.to | 2025-05-23

    This article assumes the reader is a developer that knows their way around Markdown, TypeScript, React.js, and [Next.js] https://nextjs.org/). Familiarity with Tailwind-css would also be useful.

  2. SurveyJS

    JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

    SurveyJS logo
  3. styled-components

    Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress πŸ’…

    Project mention: 11 Interview Questions You Should Know as a React Native Developer in 2025 πŸ“ˆπŸš€ | dev.to | 2025-04-13

    Using the same CSS-in-JS approach as React, you can use libraries like Styled Components to style your components. This allows you to write CSS directly in your JavaScript files (personally not a fan of using these).

  4. PostCSS

    Transforming styles with JS plugins

    Project mention: 30 Best Free Tools for Frontend Developers in 2025 | dev.to | 2025-03-01

    Website: postcss.org

  5. linaria

    Zero-runtime CSS in JS library

    Project mention: Tailwind vs Linaria: Performance Investigation | dev.to | 2025-04-24

    We're going to investigate the difference in performance between Tailwind and Linaria. Tailwind, you already know. And Linaria has been getting quite a lot of traction since styled components went into maintenance mode recently. We'll cover why Linaria is a good choice for this comparison a bit further.

  6. purgecss

    Remove unused CSS

    Project mention: How to Optimize CSS for Faster Page Load Speed | dev.to | 2025-04-24

    Tools like PurgeCSS and UnCSS can remove unused CSS rules by analyzing your HTML. This is especially useful if you’re using large frameworks like Bootstrap or Tailwind.

  7. panda

    🐼 Universal, Type-Safe, CSS-in-JS Framework for Product Teams ⚑️

    Project mention: Not Everything Needs a Component | dev.to | 2024-11-24

    If you still think a polymorphic component would be better, really can't deal with plain HTML, or don’t want to write CSS in a separate file (though I am not sure why), my next suggestion would be to take a look at PandaCSS and create custom patterns or explore other options like vanilla-extract. In my opinion, these tools are an over-engineered CSS metalanguage but still better than a polymorphic component.

  8. styletron

    :zap: Toolkit for component-oriented styling

  9. InfluxDB

    InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

    InfluxDB logo
  10. jsxstyle

    Inline style system for JSX

  11. lume

    πŸ”₯ Static site generator for Deno πŸ¦• (by lumeland)

    Project mention: Building PicoSSG: 'Just Enough Code' | dev.to | 2025-05-16

    The static site generator (SSG) landscape is crowded with feature-rich but increasingly complex solutions. As I looked at and used tools like lume, 11ty, lektor, or jekyll, I found myself drowning in configuration options, plugins, and middleware. What started as a simple desire to convert Markdown content into HTML had evolved into learning complex frameworks with steep learning curves.

  12. typescript-plugin-css-modules

    A TypeScript language service plugin providing support for CSS Modules.

  13. react-daisyui

    daisyUI components built with React 🌼

    Project mention: Bulma CSS Framework | news.ycombinator.com | 2024-10-27

    Is this really the main use case?

    The product website seems to suggest we can add DaisyUI to a React project -- and proceed with development with no additional notes on replacing the styles later before production

    [1] https://react.daisyui.com/?path=/story/data-display-table--w...

  14. browser-extension

    Browser Extension Template with ESbuild builds, support for React, Preact, Typescript, Tailwind, Manifest V3/V2 support and multi browser build including Chrome, Firefox, Safari, Edge, Brave. (by Debdut)

  15. nextbase-nextjs-supabase-starter

    πŸš€βš‘οΈ Free Boilerplate and Starter kit for Next.js 15+, Supabase, Tailwind CSS 4 and TypeScript. πŸš€ Next.js πŸ”₯ Supabase πŸ’» TypeScript πŸ’š ESLint 🎨 Prettier 🐢 Husky 🧹 Lint-Staged πŸ§ͺ Jest πŸ§ͺ Testing Library πŸ•ΉοΈ Playwright ✍️ Commitizen πŸ’¬ Commitlint πŸ’» VSCode πŸŒͺ️ Vercel 🎨 PostCSS πŸƒ Tailwind CSS βš›οΈ React Query

  16. nuxt-purgecss

    Drop superfluous CSS! A neat PurgeCSS wrapper for Nuxt.js

  17. vite-ts-tailwind-starter

    Opinionated Vite + Vue 3 + TypeScript + Tailwind CSS starter template w/ tests and CI.

  18. packages

    πŸ’Ž Monorepository for Stylify packages. Stylify uses CSS-like selectors to generate Extremely optimized utility-first CSS dynamically based on what you write πŸ’Ž. (by stylify)

  19. front-end

    Operation Code's website

  20. mantine-analytics-dashboard

    A free, open source, Next 14, React 18 admin dashboard template created using Mantine 7

    Project mention: LaratineAdmin - A Simple Laravel/InertaReact Dashboard | dev.to | 2024-08-22

    ISPIRATION FOR UI: https://github.com/design-sparx/mantine-analytics-dashboard

  21. postcss-rtlcss

    PostCSS plugin to automatically build Cascading Style Sheets (CSS) with Left-To-Right (LTR) and Right-To-Left (RTL) rules using RTLCSS

  22. nextsss

    Next.js static site starter including full setup for TypeScript, Tailwind CSS, Google Analytics, Next SEO, etc.

  23. vite-plugin-inline-css-modules

    Write CSS modules without leaving your javascript!

  24. backoffice-template

    Clean Architecture Sveltekit Appwrite template include admin area, auth, protected routes, it use ShadCN-Svelte as base component library, include authorization, designed to be easy to maintain and very scalable.

  25. react-library-template

    Stop configuring, start coding your library. React Library Template makes it happen.

    Project mention: How to build a tree-shakable library with Vite and Rollup | dev.to | 2025-04-08

    You can use this set up for your projects by cloning the React library template repository. Many other useful features are included.

  26. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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).

TypeScript PostCSS discussion

Log in or Post with

TypeScript PostCSS related posts

  • Tailwind vs Linaria: Performance Investigation

    4 projects | dev.to | 24 Apr 2025
  • 11 Interview Questions You Should Know as a React Native Developer in 2025 πŸ“ˆπŸš€

    1 project | dev.to | 13 Apr 2025
  • CSS-in-JS: Pros and cons

    4 projects | dev.to | 11 Apr 2025
  • ## Vibe Coding Adventures: Day 1 β€” HealthLens AI

    2 projects | dev.to | 1 Apr 2025
  • How to Extract All Links from a Website Using Puppeteer

    2 projects | dev.to | 25 Mar 2025
  • How to Extract HTML from Web Pages with Puppeteer

    2 projects | dev.to | 21 Mar 2025
  • TailwindCSS & DaisyUI in the Shadow DOM

    3 projects | dev.to | 13 Mar 2025
  • A note from our sponsor - SurveyJS
    surveyjs.io | 24 May 2025
    Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more. Learn more β†’

Index

What are some of the best open-source PostCSS projects in TypeScript? This list will help you:

# Project Stars
1 Tailwind CSS 87,955
2 styled-components 40,803
3 PostCSS 28,769
4 linaria 12,044
5 purgecss 7,916
6 panda 5,531
7 styletron 3,316
8 jsxstyle 2,113
9 lume 2,092
10 typescript-plugin-css-modules 1,356
11 react-daisyui 1,016
12 browser-extension 687
13 nextbase-nextjs-supabase-starter 638
14 nuxt-purgecss 485
15 vite-ts-tailwind-starter 453
16 packages 428
17 front-end 372
18 mantine-analytics-dashboard 308
19 postcss-rtlcss 119
20 nextsss 87
21 vite-plugin-inline-css-modules 76
22 backoffice-template 55
23 react-library-template 25

Sponsored
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
surveyjs.io

Did you know that TypeScript is
the 1st most popular programming language
based on number of references?