All Categories → Web User Interface → css-in-js

Top 200 css-in-js open source projects

A powerful toolkit for building websites with beautiful design

✭ 3,697

javascript coffeescript css theme css-in-js typography typography-themes typography-engine

Css In Js Benchmarks

✭ 360

javascript js css react benchmark styled-components css-in-js jss calculations inline-styles

React Awesome Reveal

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

✭ 346

javascript typescript css react web hooks react-components animations css-in-js effects emotion css-animations viewport

Markup and styles that feel right

✭ 343

javascript css react vue preact css-in-js css-modules shadow-dom

Next Shopify Storefront

🛍 A real-world Shopping Cart built with TypeScript, NextJS, React, Redux, Apollo Client, Shopify Storefront GraphQL API, ... and Material UI.

✭ 317

javascript typescript react nodejs redux graphql babel eslint material-ui expressjs css-in-js apollo-client shopping-cart shopify redux-thunk

Babel Plugin Tailwind Components

Use Tailwind with any CSS-in-JS library

✭ 320

javascript css babel tailwindcss css-in-js babel-plugin

CSS-in-JS compiler inspired by Facebook's stylex

✭ 314

javascript css css-in-js babel-plugin

Use Resize Observer

A React hook that allows you to use a ResizeObserver to measure an element's size.

✭ 305

typescript react reactjs css-in-js resize measure size

⚡ Toolkit for component-oriented styling

✭ 3,217

javascript css css-in-js styletron cssinjs atomic-css

hooks-first CSS-in-JS library, focused on semantics and runtime performance

✭ 295

typescript css react ssr hooks css-in-js stylesheet

Configurable Vertical Rhythm & Typography in CSS-in-JS

✭ 292

javascript react css-in-js typography

Unified CSSinJS theming solution for React

✭ 286

javascript react theme css-in-js

🎨 Easy color manipulation in ~2kb (gzipped)

✭ 286

typescript color css-in-js immutable tiny palette

Open-source components library built with React and Styled-Components.

✭ 278

javascript react web components styled-components react-components css-in-js

Making CSS Typesafe 🌹

✭ 2,944

typescript javascript HTML css css-in-js typestyle

A collection of magic animations for react components.

✭ 264

javascript react animation css-in-js magic css-animations inline-styles

Vscode Stylelint

A Visual Studio Code extension to lint CSS/SCSS/Less with stylelint

✭ 260

javascript css react vue vuejs markdown scss sass vscode validation vscode-extension linter styled-components less postcss jsx css-in-js visual-studio-code stylelint stylesheet

material-ui-theme-editor

Theme editor for material UI

✭ 92

javascript HTML CSS react material-design material-ui wysiwyg css-in-js

UI library that aims to bring simplicity and intuitiveness back to Web Development. 🚀

✭ 52

typescript javascript library ui web-development css-in-js user-interface isotope

Simple, isolated CSS-in-JS for React components

✭ 21

typescript react css scoped css-in-js shadow-dom

The world fastest framework agonistic CSS-in-JS library. Available in any frontend framework you use, like React, Vue and Svelte.

✭ 20

javascript typescript css-in-js framework-agnostic hong-kong

react-native-css-in-js-benchmarks

CSS in JS Benchmarks for React Native

✭ 46

javascript objective c python java benchmark react-native styled-components css-in-js fela glamorous

~2kB css in js: z`display flex` // .zjsdkk43-1

✭ 15

javascript css jsx css-in-js vdom

stylelint-processor-glamorous

💄 Lint glamorous and related css-in-js with stylelint

✭ 18

javascript stylelint linter css-in-js stylelint-processor glamorous

The little bag of CSS-in-JS superpowers

✭ 14

typescript javascript css styled-components emotion css-in-js functional-css css-library css-utilities

styled-jsx-plugin-sass

Plugin to add Sass support to styled-jsx.

✭ 20

javascript shell SCSS CSS sass scss css-in-js styled-jsx styled-jsx-plugin

Personal blog built with Next.js & Rebass

✭ 36

javascript react nodejs reactjs nextjs css-in-js emotionjs

Base react styling components using fela with a design system

✭ 26

javascript react design-systems css-in-js fela styled-system

A deliciously scalable and adaptable stylesheet methodology 🍹

✭ 27

javascript CSS HTML css stylesheets style-guide scss css-in-js

react-awesome-reveal

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

styletron-connect

A high-level interface to styletron, similar to react-redux's connect

✭ 17

javascript react css-in-js styletron

styled-components-docs-zh

💅 styled-components 中文文档翻译 🏇持续施工中

✭ 160

styled-components css-in-js chinese-translation

A bridge between Tailwind and Stitches

✭ 33

typescript javascript css-in-js design-tokens design-system stitches tailwind tailwindcss

Adonis ❤️ Aphrodite

✭ 44

javascript css-in-js aphrodite theming

CSS Tips to help beginners using CSS in TS / JS

✭ 50

typescript css css-in-js typestyle

A modern CSS value compiler in JavaScript

✭ 39

javascript CSS shell css parser generator compiler tokenizer css-in-js ast lexer traverser

fast minimal CSS-in-JS created to reduce size of CSS injected

✭ 11

javascript styled-components perfomance css-in-js react-css-modules mugiwara

a lean, component-centric style system for React components

✭ 19

javascript typescript CSS HTML react css babel-plugin reactjs css-in-js theming composable-styles

Lightweight CSS-in-JS library with high performance written in TypeScript

✭ 42

typescript javascript HTML react css style css-in-js

Boss Lite - React Redux Material Admin Template

elegant-react-ssr

Server-side rendering with create-react-app, React Router v4, Helmet, Redux, and Thunk boilerplate, without ejecting CRA

✭ 16

javascript CSS HTML react redux react-router create-react-app ssr css-in-js redux-thunk server-side-rendering zero-config

✨ Utility CSS-in-JS library that provides a set of low-level, configurable, ready-to-use styles

✭ 51

javascript typescript CSS HTML css design system jsx emotion css-in-js utility-classes tailwindcss

Visage design system

✭ 12

typescript javascript PEG.js react emotion css-in-js ui-kit ui-components design-system emotionjs visage

Generating CSS using JS with considerable flexibility and extensibility, at both server side and client side.

✭ 137

typescript javascript SCSS css preprocessor style css-in-js

mediocre-pictures

Helping you take mediocre pictures, hands-free. 📷🙆🏻🙅🏾💁🏼📸

✭ 16

javascript HTML preact styled-components css-in-js getusermedia banter selfies mad-bantz banterino

react-koa-universal

a boilerplate react graphql apollo css-in-js buzzword koa ssr pwa wasm throwaway app 🚮

✭ 12

typescript javascript rust react graphql koa pwa apollo ssr css-in-js dumping-ground

The minimal and themeable CSS toolkit for flat and clean designs

✭ 525

javascript css minimal css-framework css-in-js flat siimple themeable utilities-css

Standards for creating consistent, interoperable user interfaces

✭ 64

javascript design-systems css-in-js theme-ui

Aris - A fast and powerful tool to write HTML in JS easily. Includes syntax highlighting, templates, SVG, CSS autofixing, debugger support and more...

✭ 61

javascript HTML react css svg syntax-highlighting jquery babel angular html5 frontend jsx css3 html-template css-in-js html-parser lodash css-preprocessor html-css-javascript js-framework css-prefixer

Styled-Responsive-Media-Queries

Responsive Media Queries for Emotion styled or styled-components — Standard size from Chrome DevTools.

✭ 33

javascript styled-components responsive emotion css-in-js styled media-queries

stitches.dev

✭ 240

typescript javascript react css css-in-js developer-experience

Zero-runtime CSS in JS library for building React components

✭ 17

react css styled-components css-modules css-in-js css-in-react

The famous Eric Meyer's Reset CSS for stitches

✭ 35

typescript css css-in-js css-reset stitches stitches-reset

A small, fast, and simple CSS-in-JS solution for React.

✭ 52

typescript javascript CSS EJS react css sass components styled-components ssr styling scss style emotion css-in-js jss theming styles styled-jsx emotionjs goober

PostCSS syntax for parsing styled components

✭ 53

javascript react css syntax postcss css-in-js styled

styled-jsx-plugin-postcss

Plugin to add PostCSS support to styled-jsx.

✭ 86

javascript CSS postcss css-in-js styled-jsx styled-jsx-plugin

The "nearly invisible" way to server-render React applications

✭ 1,914

javascript typescript react apollo css-in-js server-side-rendering react-router-v4

jacobp100.github.io/cssta/

✭ 91

typescript javascript react css css-in-js

If you like CSS, Less, Sass, and/or CSS modules, you're gonna want to star this repo.

✭ 26

typescript javascript CSS HTML css sass less css-modules css-in-js hacktoberfest style-sheets

Quality and Optimisation tools for CSS in JavaScript

✭ 15

javascript shell css style-linter optimization linter css-in-js dx developer-tools code-quality quality-assurance developer-experience

121-180 of 200 css-in-js projects