styled-system

There are 12 repositories under styled-system topic.

• rebass

  rebassjs / rebass

  :atom_symbol: React primitive UI components built with styled-system.

  javascriptreactcssuistyled-componentsrebassdesign-systemreact-componentsstyled-systemcomponentsgridtypographylayoutcolorthemeemotion
  Language:JavaScript 7931
• panda

  chakra-ui / panda

  🐼 Universal, Type-Safe, CSS-in-JS Framework for Product Teams ⚡️

  cssstyled-systemtypescriptutility-classesdesign-systemframework-agnosticpostcssatomic-csscss-in-jsenginejit-compiler
  Language:TypeScript 4743
• xstyled

  styled-components / xstyled

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

  styled-componentsemotioncssreactcss-in-jsstyled-systemtailwindcss
  Language:MDX 2258
• grid

  rebassjs / grid

  This package has moved and renamed

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

• priceline / design-system

  Priceline.com Design System

  componentscsscss-in-jsdesign-systemdesign-systemsjavascriptpricelinereactstyled-componentsstyled-systemui
  Language:TypeScript 723
• welcome-ui

  WTTJ / welcome-ui

  Customizable design system from Welcome to the jungle (@wttj) with react, typescript, styled-components, ariakit and a lot of love 💛 Here you'll find all the core components you need to create a delightful webapp.

  systemuiuxreactstyled-componentsjungledesigndesign-systemwelcomestyled-systemxstyleddesign-systemscustomizabletypescripttypescript-reactariakit
  Language:TypeScript 604
• react-datepicker

  t0gre / react-datepicker

  An easily internationalizable, accessible, mobile-friendly datepicker library for the web, build with styled-components.

  reactstyled-componentsstyled-systemdatepickergridrtli18nreact-hookstypescript
  Language:JavaScript 329

• wayfair / rainbow-sprinkles

  Dynamic, theme-driven, style props for vanilla-extract.

  csscss-in-jsdesign-systemreactstyled-systemtypescriptvanilla-extract
  Language:TypeScript 198

• galacemiguel / fluid-system

  Fluid System is a style props function transformer for generating fluid styles. 💦

  fluiddesign-systemtypographysystem-uistyled-systemstyled-componentsemotion
  Language:JavaScript 145

• gabimoncha / react-native-template

  An opinionated template to bootstrap your next React Native app with all the time-wasting packages you need to have.

  react-nativeauthentication-flowreact-navigationpush-notificationszustandreact-querystyled-componentsstyled-systemcodepushjestdetoxnetinfosentryfilelogger
  Language:TypeScript 139

• jxnblk / figma-theme

  Generate development-ready theme JSON files from Figma Styles

  figmafigma-apifigma-jsthemestylesstyled-systemcss-in-jsdesign-systemstokens
  Language:JavaScript 136
• explorer

  hirosystems / explorer

  Explore transactions and accounts on the Stacks blockchain. Clone any contract and experiment in your browser with the Explorer sandbox.

  blockstackblockchainreactnextjsstyled-systemweb3stacks-explorerstacks-blockchainemotionbitcoinstackingtypescripthacktoberfest
  Language:TypeScript 135

• trendmicro-frontend / tonic-ui

  Tonic UI is a UI component library for React, built with Emotion and Styled System. It is designed to be easy to use and easy to customize.

  emotionstyled-systemreactreact-componentscolor-modedesign-patternsdesign-systemreact-hookstheme
  Language:JavaScript 123

• heartbeatua / Pulse-Boilerplate

  React based boilerplate for creating scalable and well documented Design Systems. Live demo https://pulse.heartbeat.ua

  reactatomic-designstyled-componentsstyleguidedesign-systemsfigmastyled-system
  Language:JavaScript 115

• system-props / system-props

  Responsive, theme-based style props for building design systems with React. Written in TypeScript.

  styled-systemcss-in-jsdesign-systemstyle-propstokensthemingdesign-tokensstyled-componentsemotioncssreacttypescript
  Language:TypeScript 81

• lightspeed / flame

  Component library for building Lightspeed products

  reactemotionstyled-systemtypescriptcss-in-jsdesign-system
  Language:TypeScript 77

• opensrc0 / fe-theme

  A React UI library using styled-component to build consistent, responsive, theme able UI

  accessibilitycssframworkfrontendlibrarymobile-firstreactreact-componentsreact-hooksreactjsresponsivestorybookstyled-componentsstyled-systemuiui-componentsui-designfe-themedesign-systemtheme
  Language:JavaScript 53
• cattous

  imedadel / cattous

  CSS in JSX for lazy developers, built using styled-components and styled-system

  css-in-jsjsxstyled-componentsstyled-systemrebasscss
  Language:JavaScript 40

• hirosystems / ui

  The Blockstack design system implemented with react, styled-components, and styled-system.

  blockstackblockstack-uireactstyled-componentscss-in-jsstyled-system
  Language:TypeScript 34

• antonvasin / styled-system-figma

  Generate theme.js from Figma file

  figmastyled-systemtypescriptstyled-componentsdesign-systems
  Language:TypeScript 28

• Liinkiing / next-ts-starter

  A Next.JS powered Typescript starter with styled components, styled-system, framer motion, jest and cypress

  cypressframer-motionjestnextnextjsreactstarterstyled-componentsstyled-systemtemplatetestingtypescript
  Language:TypeScript 28
• saturn

  naveteam / saturn

  Repositório de componentes React baseado no design system da Nave.

  reactdesign-systemstyled-componentstyled-systemsaturn-system
  Language:JavaScript 28
• nelo.is

  nelonoel / nelo.is

  Who's Nelo?

  personal-websiteblogportfoliogatsbystyled-componentsstyled-systemreact
  Language:JavaScript 28

• Econify / moonshine-css

  🥃 High-proof atomic CSS framework

  atomic-csscss-in-jsrust-langstyled-componentsstyled-systemutility-classes
  Language:Rust 27

• queckezz / veel

  Base react styling components using fela with a design system

  css-in-jsdesign-systemsfelareactstyled-system
  Language:JavaScript 26

• wintercounter / ccss

  🔡🔁🎨 CrypticCSS - A companion on the journey to your next CSS-in-JS and/or design system solution.

  ccsscssstyled-componentsstyled-systememotionminfymangledesign-systemreact
  Language:TypeScript 25

• alfredosalzillo / masquerades

  A library for styled web components.

  web-componentsstyled-componentsstyled-systemcssjavascripthtml5html-css-javascript
  Language:JavaScript 23

• elemental-design / elemental-react

  Build UI components once, render to any platform: web, React Native and Sketch.

  cross-platformreactreact-primitivesreact-sketchappsketch-appreact-nativeui-componentsstyled-systemui-design
  Language:TypeScript 22

• Liinkiing / klee

  A personnal UI library made as an excuse to have a published UI package

  chromaticemotionframer-motiongenshin-impactlibrarypackagereactstorybookstyled-systemuiui-kit
  Language:TypeScript 21

• quarkly / elementary

  Library for creating atomic react components

  reactreactjsstyled-componentsstyled-systemcss-in-jsatomic-designatomic-cssquarkly
  Language:JavaScript 21

• Hermanya / color-system

  🎨 Easiest way to get a universal color palette

  color-palettecolor-schemecolorsdark-modehigh-contrast-modestyled-system
  Language:JavaScript 20

• Liinkiing / next-ts-graphql-apollo-starter

  An opiniated Next powered starter which include support for Apollo with GraphQL SSR support, codegen, styled component / system, framer motion and Cypress

  apollocodegencypressframer-motiongraphqlnextreactssrstarterstyled-componentstyled-systemtemplatetypescript
  Language:TypeScript 18

• zauberware / gatsby-starter-redux-saas

  An Gatsby starter for Saas products. Uses redux and apollo and a graphql token auth backend.

  gatsbygatsby-starterapollo-clientgatsby-imagereact-helmetmagicsoup-iomagicsoupstyled-componentsstyled-systemgraphqlgraphql-clientreact-boilerplatereduxsaassaas-boilerplateauthenticationjwt-authenticationjwtjwt-tokenhackathon-starter
  Language:JavaScript 18

• rnkids / styled-system-native

  React Native components for in-line styling, build with styled-system and styled-components

  styled-systemstyled-componentsreact-native
  Language:JavaScript 17

• ShadOoW / web-starter-kit

  An opinionated starter kit with styled-system, graphql-hooks, mobx and nextjs (PWA)

  nextjsserver-side-renderinggraphql-clientstyled-systemstyled-componentsmobxpwareactrtli18nextboilerplate
  Language:JavaScript 17

• magicsoup-io / gatsby-starter-saas

  A @gatsbyjs starter for SaaS products.

  gatsby-startermagicsoup-iomagicsoupstyled-componentsstyled-systemsaassaas-boilerplategatsby-saasjestreactjsreactjs-boilerplatereact-boilerplategatsbyjsgatsbysaas-templatehackathon-starterhackathon-application
  Language:JavaScript 16