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: Can someone please explain what a bash and shell are? | reddit.com/r/learnprogramming | 2021-11-29

    Zsh is actually the default shell in MacOS now, for what its worth. Iterm2 has features regarding session management via profiles, tabs for multiple sessions, etc. The default terminal in MacOS is just fine, but if you find yourself using the terminal every day, iTerm2 is definitely a step up. There are other Terminals though such as Hyper: https://hyper.is/ which has the hilarious and amazing HyperPower plugin: https://hyper.is/store/hyperpower.

  • 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: Next.js Dashboard layout with TypeScript and Styled components | dev.to | 2021-11-28

    For styling let's use styled-components library:

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

    Transforming styles with JS plugins

    Project mention: The React roadmap for beginners you never knew you needed. | dev.to | 2021-11-23

    PostCSS

  • 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: Want to ditch JSX | reddit.com/r/reactnative | 2021-11-23
  • GitHub repo Material Components Web

    Modular and customizable Material Design UI components for the web

    Project mention: Google Materials? | reddit.com/r/privacy | 2021-10-24
  • GitHub repo linaria

    Zero-runtime CSS in JS library

    Project mention: Goodbye CSS Modules, Hello TailwindCSS | news.ycombinator.com | 2021-11-04

    > And CSS-in-JS has worse performance because styles aren't compiled to sytlesheets like they're supposed to be, they're applied at runtime.

    That depends on the tool. Libraries like Linaria [1] ("zero-runtime" CSS-in-JS) do generate CSS files.

    [1] https://linaria.dev

  • 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

  • Nanos

    Run Linux Software Faster and Safer than Linux with Unikernels.

  • 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: Web UI Framework for Internal Tools? | reddit.com/r/devops | 2021-10-31

    I’ve enjoyed using clarity for this sort of thing: https://clarity.design/

  • 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: The Layout Team | dev.to | 2021-11-08

    csslayout

  • GitHub repo emmet

    The essential toolkit for web-developers

    Project mention: Amazing Emmet shortcuts to code faster | dev.to | 2021-11-14

    Emmet is one the most useful extensions which is used to write lines of code with a single shortcut. Here are some top Emmet shortcuts to save your time ⏳.

  • GitHub repo modern-normalize

    🐒 Normalize browsers' default style

    Project mention: How to style markdown with Tailwind CSS | dev.to | 2021-11-16

    Tailwind CSS comes with "an opinionated set of base styles" called Preflight. A helpful CSS reset built on top of modern-normalize.

  • 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: Is there a terminal that can open new tabs in different profiles? | reddit.com/r/linux | 2021-11-25

    I just learned about extraterm 'https://extraterm.org/'

  • GitHub repo twind

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

    Project mention: Twind: Tailwind-in-JS | news.ycombinator.com | 2021-11-24
  • 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 compiled

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

    Project mention: Goodbye CSS Modules, Hello TailwindCSS | news.ycombinator.com | 2021-11-04

    Author here, I haven't had time to play around with it, but this library[0] from Atlassian looks like a "best of the both worlds" styling approach: CSS-in-JS authorship without the runtime penalty.

    [0] https://compiledcssinjs.com/

  • GitHub repo Blaze UI

    Atoms for Blaze UI (by BlazeUI)

  • 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: Dynamic image placeholder in Next.js | dev.to | 2021-11-14

    An easy way is to use plaiceholder

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-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 37,327
2 styled-components 35,288
3 PostCSS 25,476
4 NativeScript 20,670
5 Material Components Web 15,893
6 linaria 8,371
7 purgecss 6,533
8 clarity 6,373
9 react-nodegui 5,913
10 CSS Layout 4,573
11 emmet 4,119
12 modern-normalize 3,867
13 eui 3,236
14 react-native-render-html 2,590
15 jsxstyle 1,988
16 extraterm 1,913
17 twind 1,781
18 ng-packagr 1,723
19 panzoom 1,585
20 compiled 1,507
21 Blaze UI 1,504
22 tailwindcss-intellisense 1,487
23 plaiceholder 1,188
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.
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com