TypeScript CSS

Open-source TypeScript projects categorized as CSS

Top 23 TypeScript CSS Projects

  • GitHub repo hyperterm

    A terminal built on web technologies

    Project mention: The Immediacy of Web Development - Hot Reloading | dev.to | 2021-03-04

    Next you will need to open your preferred terminal (I use Hyper terminal which can be found here: https://hyper.is/) and navigate to the folder that you've just created.

  • GitHub repo PostCSS

    Transforming styles with JS plugins

    Project mention: Here's my website setup... | dev.to | 2021-03-02

    I used to use Sass or Less in my previous projects but this time I wanted to try something new so I went with PostCSS which basically adds a bit of magic to normal CSS.

  • GitHub repo NativeScript

    NativeScript empowers you to access native api's from JavaScript directly. Angular, Vue, Svelte, React and you name it compatible.

    Project mention: Yet another components library recommendation thread... | reddit.com/r/Angular2 | 2021-02-28

    It's worth mentioning that I eventually hope to use NativeScript to convert my Angular web application to a native mobile application (though I've yet to test this out).

  • GitHub repo Material Components Web

    Modular and customizable Material Design UI components for the web

    Project mention: Material Design Top App Bar animated with React Hooks and Styled Components | dev.to | 2021-01-20

    Today I've managed to scratch-build Material Design's top app bar, in particular its behaviour of sliding up/down if the user scrolls down/up, without relying on libraries like Material Components Web or Material-UI.

  • GitHub repo tools

    The Rome Toolchain. A linter, compiler, bundler, and more for JavaScript, TypeScript, HTML, Markdown, and CSS.

    Project mention: JSON with Commas and Comments | news.ycombinator.com | 2021-02-22

    Looks pretty similar to rome json (https://rome.tools/#rome-json)

  • GitHub repo linaria

    Zero-runtime CSS in JS library

    Project mention: Ask HN: What Are You Working On? | news.ycombinator.com | 2021-01-14

    [2:]: https://github.com/callstack/linaria

  • GitHub repo clarity

    UX guidelines, HTML/CSS framework, and Angular components working together to craft exceptional experiences

    Project mention: Yet another components library recommendation thread... | reddit.com/r/Angular2 | 2021-02-28
  • GitHub repo purgecss

    Remove unused CSS

    Project mention: Migrating Tachyons to Tailwind CSS (Part I) | dev.to | 2021-02-17

    PurgeCSS is integrated right inside Tailwind 2.0

  • GitHub repo react-nodegui

    Build performant, native and cross-platform desktop applications with native React + powerful CSS like styling.🚀

    Project mention: Announcing Svelte NodeGUI, a lightweight Electron alternative with native UI, based on Node.js! | reddit.com/r/javascript | 2021-03-05

    On the React and Vue github repos the README contains this disclaimer:

  • GitHub repo emmet

    The essential toolkit for web-developers

    Project mention: CSS Deep | dev.to | 2021-02-26

    emmetio/emmet - The essential toolkit for web-developers

  • GitHub repo CSS Layout

    A collection of popular layouts and patterns made with CSS. Now it has 90+ patterns and continues growing!

  • GitHub repo modern-normalize

    🐒 Normalize browsers' default style

    Project mention: CSS Reset | reddit.com/r/Frontend | 2021-01-16

    I recently switched from normalize.css to a "modern" fork https://github.com/sindresorhus/modern-normalize

  • GitHub repo jsxstyle

    Inline style system for React and Preact

  • GitHub repo stitches

    The modern styling library.

    Project mention: Don't use Tailwind for your Design System | dev.to | 2021-03-06

    https://stitches.dev

  • GitHub repo Blaze UI

    Atoms for Blaze UI (by BlazeUI)

  • GitHub repo compiled

    Build time atomic CSS-in-JS. Baked and ready to serve.

    Project mention: How to Build A React TS Tailwind Design System | dev.to | 2021-02-16

    I've already mentioned twin.macro, and just recently learned about Compiled CSS in JS, which apparently should work with it as well.

  • GitHub repo tailwindcss-intellisense

    Intelligent Tailwind CSS tooling for Visual Studio Code

    Project mention: Help setting up builtin LSP for css/tailwindcss | reddit.com/r/neovim | 2021-02-20

    I am not using it but that looks promising: https://github.com/tailwindlabs/tailwindcss-intellisense/issues/188

  • GitHub repo twind

    The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.

    Project mention: What I look forward to about web development in 2021 | reddit.com/r/javascript | 2021-02-28

    For Tailwind, there’s twind which I say is just a better Tailwind.

  • GitHub repo headwind

    An opinionated Tailwind CSS class sorter built for Visual Studio Code

    Project mention: How do you order class names in the markup? | reddit.com/r/tailwindcss | 2021-01-26
  • GitHub repo plaiceholder

    Beautiful image placeholders, without the hassle 🖼

    Project mention: How does the Next.JS image component compare to Gatsby-Image? | reddit.com/r/nextjs | 2021-01-15

    You can achieve blur-up placeholders with next/image but you have to do some work on the server with either getStaticProps or getServerSideProps using placeholder.

  • GitHub repo vue-nodegui

    Build performant, native and cross-platform desktop applications with native Vue + powerful CSS like styling.🚀

    Project mention: Announcing Svelte NodeGUI, a lightweight Electron alternative with native UI, based on Node.js! | reddit.com/r/javascript | 2021-03-05

    On the React and Vue github repos the README contains this disclaimer:

  • GitHub repo tailwind

    🔥 A schematic that adds Tailwind CSS to Angular applications

    Project mention: For anyone who's done it, how was adding multi-language support to an existing app? | reddit.com/r/angular | 2021-02-16
  • GitHub repo react-awesome-reveal

    React components to add reveal animations using the Intersection Observer API and CSS Animations.

    Project mention: I made Starbucks ! 🚀🔥 | reddit.com/r/reactjs | 2021-01-27

    Here is the GitHub repo if your interested https://github.com/dennismorello/react-awesome-reveal

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 2021-03-06.

Index

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

Project Stars
1 hyperterm 35,389
2 PostCSS 24,115
3 NativeScript 19,784
4 Material Components Web 15,323
5 tools 14,808
6 linaria 6,807
7 clarity 6,183
8 purgecss 5,949
9 react-nodegui 5,084
10 emmet 3,995
11 CSS Layout 3,262
12 modern-normalize 3,214
13 jsxstyle 1,973
14 stitches 1,956
15 Blaze UI 1,487
16 compiled 1,214
17 tailwindcss-intellisense 1,044
18 twind 876
19 headwind 764
20 plaiceholder 447
21 vue-nodegui 402
22 tailwind 378
23 react-awesome-reveal 341