TypeScript CSS

Open-source TypeScript projects categorized as CSS

Top 23 TypeScript CSS Projects

  • hyperterm

    A terminal built on web technologies

    Project mention: #gitPanic - Tools | dev.to | 2022-11-29

    Before I added a script to print out my current git branch after the directory in my terminal, my most commonly used git command was git branch. Terminal programs like Hyper will have features like this preconfigured. If you're just using Zsh or Bash, here's a script you can add to your terminal profile file:

  • styled-components

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

    Project mention: Really noob React question | reddit.com/r/react | 2022-11-28

    CSS is still going to be necessary, although we tend to deliver it via React these days. I'd check out Styled Components if you want an easy way to manage your CSS inside of React.

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

  • PostCSS

    Transforming styles with JS plugins

    Project mention: why do some ppl put vendor prefixes(webkit...) on a specific place like div or p . i tend tu put them as a global rule ??? | reddit.com/r/css | 2022-11-19

    Something like this https://postcss.org/

  • Material Components Web

    Modular and customizable Material Design UI components for the web

    Project mention: Does Elm has UI control libraries like React? | reddit.com/r/elm | 2022-02-01

    I highly recommend https://github.com/material-components/material-components-web

  • linaria

    Zero-runtime CSS in JS library

    Project mention: CSS vs CSS-in-JS performance | reddit.com/r/reactjs | 2022-11-22

    I never tested myself tbh, but that’s a surprising result as on production you only have plain old CSS https://github.com/callstack/linaria/blob/master/docs/HOW_IT_WORKS.md The styled syntax should be extracted the same way as the css helpers. I’m not sure if under some condition the styles get inlined? Perhaps on dev env?

  • purgecss

    Remove unused CSS

    Project mention: Eliminating unused selectors from Sass | dev.to | 2022-11-02
  • react-nodegui

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

    Project mention: Windows App | reddit.com/r/reactnative | 2022-07-19

    If you are strictly looking to make a desktop app, I would suggest looking at https://react.nodegui.org/ it is really easy to use and develop.

  • Zigi

    Workflow assistant built for devs & their teams. Automate the mundane part of your day, with live actionable messages for your GitHub & Jira tasks.

  • satori

    Enlightened library to convert HTML and CSS to SVG

    Project mention: Forking Chrome to Turn HTML into SVG | news.ycombinator.com | 2022-11-13

    This is a really interesting top down approach, starting with Chromium and pairing a minimal bit out of it.

    https://github.com/vercel/satori is another interesting recent project that goes bottoms up to achieve something similar. Def a lot smaller aimed at edge rendering, but at the tradeoff of significantly more random compatibility / rendering issues.

    Both approaches have their tradeoffs.

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

  • eui

    Elastic UI Framework 🙌

    Project mention: Elastic UI – design library in use at Elastic to build internal products | news.ycombinator.com | 2022-06-18

    Nice framework, but the license is oh so strange...

    https://github.com/elastic/eui/blob/main/licenses/ELASTIC-LI...

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

  • modern-normalize

    🐒 Normalize browsers' default style

    Project mention: MVP.css – Minimalist stylesheet for HTML elements | news.ycombinator.com | 2022-09-11

    I think this is the same category as https://github.com/sindresorhus/modern-normalize

    `modern-normalized.css` can be for MVP too. Honestly few < 100 lines on top of normalized one isn't that much work.

  • emmet

    The essential toolkit for web-developers

    Project mention: Tell HN: Emmet, the HTML editing plugin, gets $100k/yr in donations from casinos | news.ycombinator.com | 2022-11-09
  • styletron

    :zap: Toolkit for component-oriented styling

    Project mention: A recruiter asked me this. | reddit.com/r/ProgrammerHumor | 2022-03-03

    React is pretty much its own language at this point. With J/TSX. Not even CSS is immune to react's approach of "what everything was proprammatically generated divs?", case and point https://www.styletron.org

  • typestyle

    Making CSS Typesafe 🌹

    Project mention: My tech choices for building a modern SPA | dev.to | 2022-01-09

    I like TypeStyle for component-scoped styling. With TypeStyle, I can use the full power of a programming language (TypeScript) to build up my styles and share them among components. And I can nicely co-locate the styles in the same file as my components.

  • react-native-render-html

    iOS/Android pure javascript react-native component that renders your HTML into 100% native views

    Project mention: I'm struggling to render JSON as HTML inside of a View in fewer than ~6 seconds; I'm not sure what to do. | reddit.com/r/reactnative | 2022-08-10

    I'm using `react-native-render-html` to render a handful of JSON strings; it works great when they're shorter but, above 20,000 characters, it takes a noticeable amount of time to render. Would it make sense to use a FlatList to render a single JSON string like this? I didn't know if it would still have the performance gain with the source JSON being a single string vs. a number of strings.

  • extraterm

    The swiss army chainsaw of terminal emulators

    Project mention: What's a good Linux terminal emulator that doesn't try to reinvent TMUX? | news.ycombinator.com | 2022-11-26
  • 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
  • jest-preview

    Debug your Jest tests. Effortlessly.🛠🖼

    Project mention: Angular CLI example for Jest Preview - the visual debugger for Jest | dev.to | 2022-08-22

    The Angular CLI guide for Jest Preview refers to the common installation and usage instructions while describing Angular-specific configuration and usage instructions.

  • jsxstyle

    Inline style system for React and Preact

  • ng-packagr

    Compile and package Angular libraries in Angular Package Format (APF)

    Project mention: Overview over Angular’s repositories | dev.to | 2022-11-16

    ng-packagr repo (link)

  • panzoom

    A library for panning and zooming elements using CSS transforms :mag: (by timmywil)

  • compiled

    A familiar and performant compile time CSS-in-JS library for React.

    Project mention: Why We're Breaking Up with CSS-in-JS | reddit.com/r/javascript | 2022-10-16

    So to be extremely clear, the issue isn't CSS-in-JS per se, it's just that the author only looked at implementations that don't generate create CSS files. He notably mentioned the (apparent) zero-runtime solutions Vanilla Extract and Linaria, only to skip them and complain that Compiled inserts nodes at runtime.

  • 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 CSS related posts

Index

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

Project Stars
1 hyperterm 39,729
2 styled-components 37,831
3 PostCSS 26,940
4 Material Components Web 16,507
5 linaria 9,890
6 purgecss 7,179
7 react-nodegui 6,082
8 satori 5,970
9 windicss 5,903
10 eui 5,433
11 tremor 4,819
12 modern-normalize 4,698
13 emmet 4,250
14 styletron 3,298
15 typestyle 3,010
16 react-native-render-html 2,993
17 extraterm 2,136
18 tailwindcss-intellisense 2,053
19 jest-preview 2,032
20 jsxstyle 1,999
21 ng-packagr 1,782
22 panzoom 1,775
23 compiled 1,750
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