css-in-js

There are 101 repositories under css-in-js topic.

• styled-components

  styled-components / styled-components

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

  csscss-in-jsreactstyled-components
  Language:TypeScript 40977
• chakra-ui

  chakra-ui / chakra-ui

  Chakra UI is a component system for building SaaS products with speed ⚡️

  a11yaccessibleark-uichakra-uicomponentcss-in-jsdark-modedesign-systemreactreact-componentsreactjsstyledui-componentsui-libraryuikitwai-aria
  Language:TypeScript 39920
• react-native-web

  necolas / react-native-web

  Cross-platform React UI packages

  reactreact-componentsgui-frameworkcss-in-jsreact-nativereact-native-webcross-platformreact-domreact-ui
  Language:JavaScript 22048

• emotion-js / emotion

  👩‍🎤 CSS-in-JS library designed for high performance style composition

  css-in-jsbabel-pluginreactreactjscssemotion
  Language:JavaScript 17915
• tamagui

  tamagui / tamagui

  Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.

  reactreact-nativereact-native-webcss-in-jsuiui-componentstypescriptoptimizing-compileratomic-csstailwindvitewebpack
  Language:TypeScript 13301

• callstack / linaria

  Zero-runtime CSS in JS library

  csscss-in-jscss-in-reactreact
  Language:TypeScript 12232

• microsoft / frontend-bootcamp

  Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux

  reacttypescriptjavascripthtmlcsscss-in-jsoffice-ui-fabric-reactmicrosoftreduxredux-thunk
  Language:TypeScript 10821
• twin.macro

  ben-rogerson / twin.macro

  🦹‍♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, solid-styled-components, stitches and goober) at build time.

  tailwindtailwindcsscss-in-jsbabel-macrotailwind-cssstyling-css-in-jsemotionjsemotiontwinbabelstyled-componentsstyling-reactreactreactjstailwind-in-jsstitchesgoobersolidjs
  Language:TypeScript 8028
• styled-system

  styled-system / styled-system

  ⬢ Style props for rapid UI development

  reactcss-in-jsdesign-systemsstyled-componentstypographylayoutemotionresponsivestyle-propsthemingtokenscolorscssstyling
  Language:JavaScript 7874
• stitches

  stitchesjs / stitches

  [Not Actively Maintained] CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.

  stitchescssreactcss-in-jscss-framework
  Language:JavaScript 7808

• vercel / styled-jsx

  Full CSS support for JSX without compromises

  reactjsxcssdynamic-stylescss-in-jsshadow-dom
  Language:JavaScript 7795
• polished

  styled-components / polished

  A lightweight toolset for writing styles in JavaScript ✨

  css-in-jsstyled-componentsstylinginline-styles
  Language:JavaScript 7663

• cssinjs / jss

  JSS is an authoring tool for CSS which uses JavaScript as a host language.

  jscsscss-in-jscssinjsjssstylesheetscomponents
  Language:JavaScript 7097
• eui

  elastic / eui

  Elastic UI Framework 🙌

  euireactdesign-systemelasticsearchkibanacss-in-js
  Language:TypeScript 6217
• panda

  chakra-ui / panda

  🐼 Universal, Type-Safe, CSS-in-JS Framework for Design Systems ⚡️

  cssstyled-systemtypescriptutility-classesdesign-systemframework-agnosticpostcssatomic-csscss-in-jsenginejit-compilercompilerdesign-tokenstheming
  Language:TypeScript 5866

• MicheleBertoli / css-in-js

  React: CSS in JS techniques comparison

  cssinjscss-in-js
  Language:JavaScript 5506

• Khan / aphrodite

  Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation

  javascriptcssaphroditecss-in-js
  Language:JavaScript 5345
• twind

  tw-in-js / twind

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

  tailwindcsstailwind-in-jscss-in-jstailwindcss
  Language:JavaScript 3908

• KyleAMathews / typography.js

  A powerful toolkit for building websites with beautiful design

  typographyjavascripttypography-themesthemetypography-enginecss-in-jscss
  Language:JavaScript 3848

• paypal / glamorous

  DEPRECATED: 💄 Maintainable CSS with React

  css-in-jsglamorreactstyled-componentsglamorous
  Language:JavaScript 3626

• styled-components / awesome-styled-components

  A curated list of awesome styled-components resources 💅

  csscss-in-jsreactstyled-componentsawesome-listawesome
  3428

• styletron / styletron

  :zap: Toolkit for component-oriented styling

  styletroncss-in-jscsscssinjsatomic-css
  Language:TypeScript 3316
• goober

  cristianbote / goober

  🥜 goober, a less than 1KB 🎉 css-in-js alternative with a familiar API

  javascriptcss-in-jscsspreactreactssrcritical-cssstyledstyled-componentsgooberemotionvanilladom
  Language:JavaScript 3238

• typestyle / typestyle

  Making CSS Typesafe 🌹

  typescriptcsstypestylecss-in-js
  Language:TypeScript 3065

• diegohaz / arc

  React starter kit based on Atomic Design

  reactreduxstorybookboilerplateuniversalreact-routerredux-sagajestatomic-designstyled-componentsisomorphiccss-in-jsstarter-kit
  Language:JavaScript 2927
• xstyled

  styled-components / xstyled

  A utility-first CSS-in-JS framework built for React. 💅👩‍🎤⚡️

  styled-componentsemotioncssreactcss-in-jsstyled-systemtailwindcss
  Language:MDX 2311

• robinweser / fela

  State-Driven Styling in JavaScript

  css-in-jscssatomic-cssstate-drivencomponentsreactstyling
  Language:JavaScript 2291

• jsxstyle / jsxstyle

  Inline style system for JSX

  css-in-jscssinline-stylesreactjsxstyle
  Language:TypeScript 2117
• grid

  rebassjs / grid

  This package has moved and renamed

  reactgridstyled-componentsflexboxcssstyled-systemmarginpaddingcss-in-jslayoutresponsiveemotion
  Language:JavaScript 2032

• atlassian-labs / compiled

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

  csstypescriptcss-in-jsreactjsreactwebpackbabelparcel
  Language:TypeScript 2029

• alidcast / rogue.js

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

  apollocss-in-jsreactreact-router-v4server-side-rendering
  Language:JavaScript 1880
• kuma-ui

  kuma-ui / kuma-ui

  🐻‍❄️ A Headless, Utility-First, and Zero-Runtime UI Component Library ✨

  css-in-jsreactzero-runtimeutility-firstheadless
  Language:TypeScript 1845

• airbnb / react-with-styles

  Use CSS-in-JavaScript with themes for React without being tightly coupled to one implementation

  reactcsscss-in-js
  Language:JavaScript 1700

• typicode / mistcss

  Create visual components for React without JavaScript or TypeScript. Leverage native HTML and CSS. It's an alternative to CSS-in-JS and CSS modules.

  csscss-in-jsnextnextjsreactremixremix-runstyling
  Language:JavaScript 1552

• styled-components / vue-styled-components

  Visual primitives for the component age. A simple port for Vue of styled-components 💅

  vuecss-in-jsvue-styled-componentscss
  Language:JavaScript 1383

• jxnblk / reflexbox

  Moved to https://rebassjs.org

  reactflexboxgridreact-componentcss-in-jsgrid-component
  Language:JavaScript 1350