TypeScript CSS

Open-source TypeScript projects categorized as CSS | Edit details

Top 23 TypeScript CSS Projects

  • GitHub repo hyperterm

    A terminal built on web technologies

    Project mention: Frost glass terminal in linux? | reddit.com/r/commandline | 2021-10-15

    It looks like hyper, https://hyper.is/.

  • GitHub repo styled-components

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

    Project mention: ⚡️ Free Next.js responsive landing page template for SaaS products made using JAMStack architecture. | dev.to | 2021-10-18

    Styled components

  • Syncfusion

    Syncfusion - See why our products are consistently getting 4.6 out of 5 stars by your peers.. Syncfusion Essential Studio for JavaScript is a modern UI control library built from the ground up to be lightweight, responsive, modular, and touch-friendly.

  • GitHub repo PostCSS

    Transforming styles with JS plugins

    Project mention: Getting started with Svelte, Tailwind, and Nrwl NX | dev.to | 2021-10-17

    PostCSS is a CSS processor that Tailwind relies on to do its magic.

  • GitHub repo NativeScript

    NativeScript empowers you to access native platform APIs from JavaScript directly. Angular, Capacitor, Ionic, React, Svelte, Vue and you name it compatible.

    Project mention: JavaScript: A Wonderful Language for a Beginner | dev.to | 2021-08-22

    Writing JavaScript for the server-side is possible, also writing JavaScript for mobile applications and desktop applications is also possible. Apache Cordova is a free mobile application development framework that allows you to develop an application in HTML/JavaScript and then it wraps it into a native container that can access the device functions of several platforms and hence enables the web app to work on mobile devices. Electron is a free and open-source framework for creating native desktop applications with web technologies. It allows building cross-platform desktop apps with JavaScript, HTML, and CSS. There are other examples of such development frameworks that exist like Ionic and NativeScript.

  • GitHub repo Material Components Web

    Modular and customizable Material Design UI components for the web

    Project mention: Best CSS frameworks in 2021 | dev.to | 2021-08-09

    Latest stable version: v12.0.0 Github stars: 15.7K Development: active Long of active development: 8 years Active maintainers: 2 Contributors: 380 Number of commits: 6835 License: MIT Used by: 6K Github projects Git repository: https://github.com/material-components/material-components-web

  • GitHub repo linaria

    Zero-runtime CSS in JS library

    Project mention: Help with styled components. | reddit.com/r/reactjs | 2021-08-10

    Zero runtime option. https://github.com/callstack/linaria

  • GitHub repo purgecss

    Remove unused CSS

    Project mention: Looking for suggestions/experiences using 'css cleanup' tools ala PurgeCSS... | reddit.com/r/css | 2021-09-02

    It should also be possible to use it for Sass files with for example Webpack. Look at the webpack solution proposed here, for example: https://github.com/FullHuman/purgecss/issues/163

  • Scout APM

    Scout APM: A developer's best friend. Try free for 14-days. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.

  • GitHub repo clarity

    Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.

    Project mention: Ask HN: Are there any “high-density” CSS frameworks? | news.ycombinator.com | 2021-09-04
  • GitHub repo react-nodegui

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

    Project mention: How do you create a cross-platform GUI without using Electron? | news.ycombinator.com | 2021-09-10
  • GitHub repo CSS Layout

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

    Project mention: 5 Awesome sites for every Front-end Developers | dev.to | 2021-10-05
  • GitHub repo emmet

    The essential toolkit for web-developers

    Project mention: Less known macOS apps you will legitimately want to use every day | news.ycombinator.com | 2021-10-01
  • GitHub repo modern-normalize

    🐒 Normalize browsers' default style

    Project mention: Vite vue ts tailwind template: Convert styles to TailwindCSS classes and configs (Part 3) | dev.to | 2021-08-07
  • GitHub repo eui

    Elastic UI Framework 🙌

    Project mention: 유명한 리액트 컴포넌트 라이브러리 모음 | dev.to | 2021-08-06

    View on GitHub

  • GitHub repo react-native-render-html

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

    Project mention: Markdown for expo? | reddit.com/r/reactnative | 2021-09-12
  • GitHub repo jsxstyle

    Inline style system for React and Preact

  • GitHub repo extraterm

    The swiss army chainsaw of terminal emulators

    Project mention: Extraterm: The swiss army chainsaw of terminal emulators | news.ycombinator.com | 2021-10-06
  • GitHub repo ng-packagr

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

    Project mention: Relative import from lib's secondary entry point ❌ Error TS5055: Cannot write file X.d.ts because it would overwrite input file | dev.to | 2021-04-22

    ng-packgr will build the entry points in the following order:

  • GitHub repo panzoom

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

    Project mention: BlazorPanzoom - Enable panning and zooming of your components and elements | reddit.com/r/Blazor | 2021-07-18

    Hello everyone. I have released BlazorPanzoom, a wrapper library for timmywil's JavaScript panzoom library found here: panzoom.

  • GitHub repo twind

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

    Project mention: I built a simple but maybe useful "digital circuit simulador" of sorts (see comments) | reddit.com/r/javascript | 2021-04-27

    The UI uses Dominant (my React/Vue substitute) and Twind, which I heard about from this Reddit and is super cool (:

  • GitHub repo Blaze UI

    Atoms for Blaze UI (by BlazeUI)

  • GitHub repo compiled

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

    Project mention: A familiar and performant compile time CSS-in-JS library for React | news.ycombinator.com | 2021-03-21
  • GitHub repo tailwindcss-intellisense

    Intelligent Tailwind CSS tooling for Visual Studio Code

    Project mention: [LSP]Tailwindcss not working | reddit.com/r/neovim | 2021-08-19

    You can install it by npm now https://github.com/tailwindlabs/tailwindcss-intellisense/tree/master/packages/tailwindcss-language-server and it's working.

  • GitHub repo plaiceholder

    Beautiful image placeholders, without the hassle 🖼

    Project mention: How to Use the Next.js Image Component in Storybook | dev.to | 2021-07-21

    What we have done here is a bit of a hack, granted. But it's effective, as all good hacks are. With this, we're setting all placeholder images to be the same data, at least in the context of Storybook. The string above is actually the base64 representation of the placeholder for the plaiceholder example image on their homepage. But we could just as easily upload our own image there and use that.

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-10-18.

Index

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

Project Stars
1 hyperterm 36,999
2 styled-components 34,972
3 PostCSS 25,255
4 NativeScript 20,556
5 Material Components Web 15,804
6 linaria 8,175
7 purgecss 6,464
8 clarity 6,338
9 react-nodegui 5,868
10 CSS Layout 4,259
11 emmet 4,103
12 modern-normalize 3,785
13 eui 3,139
14 react-native-render-html 2,516
15 jsxstyle 1,986
16 extraterm 1,893
17 ng-packagr 1,711
18 panzoom 1,564
19 twind 1,561
20 Blaze UI 1,501
21 compiled 1,472
22 tailwindcss-intellisense 1,430
23 plaiceholder 1,114
Find remote CSS jobs at our new job board 99remotejobs.com. There is 1 new remote job listed recently.
Are you hiring? Post a new remote job listing for free.