Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

Projects in Awesome Lists tagged with styled-system

A curated list of projects in awesome lists tagged with styled-system .

https://github.com/rebassjs/rebass

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

color components css design-system emotion grid javascript layout react react-components rebass styled-components styled-system theme typography ui

Last synced: 12 Dec 2025

https://github.com/styled-components/xstyled

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

css css-in-js emotion react styled-components styled-system tailwindcss

Last synced: 21 May 2026

https://github.com/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.

ariakit customizable design design-system design-systems jungle react styled-components styled-system system typescript typescript-react ui ux welcome xstyled

Last synced: 03 May 2025

https://github.com/t0gre/react-datepicker

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

datepicker grid i18n react react-hooks rtl styled-components styled-system typescript

Last synced: 05 Apr 2025

https://github.com/wayfair/rainbow-sprinkles

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

css css-in-js design-system react styled-system typescript vanilla-extract

Last synced: 15 May 2025

https://github.com/stx-labs/explorer

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

bitcoin blockchain blockstack emotion hacktoberfest nextjs react stacking stacks-blockchain stacks-explorer styled-system typescript web3

Last synced: 02 Apr 2026

https://github.com/hirosystems/explorer

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

bitcoin blockchain blockstack emotion hacktoberfest nextjs react stacking stacks-blockchain stacks-explorer styled-system typescript web3

Last synced: 16 May 2025

https://github.com/jxnblk/figma-theme

Generate development-ready theme JSON files from Figma Styles

css-in-js design-systems figma figma-api figma-js styled-system styles theme tokens

Last synced: 02 Oct 2025

https://github.com/gabimoncha/react-native-template

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

authentication-flow codepush detox filelogger jest netinfo push-notifications react-native react-navigation react-query sentry styled-components styled-system zustand

Last synced: 08 Oct 2025

https://github.com/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.

color-mode design-patterns design-system emotion react react-components react-hooks styled-system theme

Last synced: 27 Jun 2026

https://github.com/heartbeatua/pulse-boilerplate

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

atomic-design design-systems figma react styled-components styled-system styleguide

Last synced: 29 Oct 2025

https://github.com/system-props/system-props

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

css css-in-js design-system design-tokens emotion react style-props styled-components styled-system theming tokens typescript

Last synced: 31 Aug 2025

https://github.com/lightspeed/flame

Component library for building Lightspeed products

css-in-js design-system emotion react styled-system typescript

Last synced: 12 Apr 2025

https://github.com/imedadel/cattous

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

css css-in-js jsx rebass styled-components styled-system

Last synced: 01 Jul 2025

https://github.com/hirosystems/ui

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

blockstack blockstack-ui css-in-js react styled-components styled-system

Last synced: 25 Oct 2025

https://github.com/liinkiing/next-ts-starter

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

cypress framer-motion jest next nextjs react starter styled-components styled-system template testing typescript

Last synced: 13 Apr 2025

https://github.com/naveteam/saturn

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

design-system react saturn-system styled-component styled-system

Last synced: 12 May 2025

https://github.com/queckezz/veel

Base react styling components using fela with a design system

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

Last synced: 15 May 2025

https://github.com/wintercounter/ccss

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

ccss css design-system emotion mangle minfy react styled-components styled-system

Last synced: 28 Oct 2025

https://github.com/Liinkiing/klee

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

chromatic emotion framer-motion genshin-impact library package react storybook styled-system ui ui-kit

Last synced: 12 Jul 2025

https://github.com/liinkiing/klee

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

chromatic emotion framer-motion genshin-impact library package react storybook styled-system ui ui-kit

Last synced: 13 Apr 2025

https://github.com/elemental-design/elemental-react

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

cross-platform react react-native react-primitives react-sketchapp sketch-app styled-system ui-components ui-design

Last synced: 14 Apr 2025

https://github.com/hermanya/color-system

🎨 Easiest way to get a universal color palette

color-palette color-scheme colors dark-mode high-contrast-mode styled-system

Last synced: 14 Apr 2025

https://github.com/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

apollo codegen cypress framer-motion graphql next react ssr starter styled-component styled-system template typescript

Last synced: 17 Oct 2025

https://github.com/ShadOoW/web-starter-kit

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

boilerplate graphql-client i18next mobx nextjs pwa react rtl server-side-rendering styled-components styled-system

Last synced: 28 Aug 2025

https://github.com/rnkids/styled-system-native

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

react-native styled-components styled-system

Last synced: 12 Jul 2025

https://github.com/medelman17/astly

Translate/write markup language--e.g., html, css, and markdown--into react components that render appropriately and predictably across host environments--e.g., web and native.

design-system react react-native styled-components styled-system syntax-trees unifiedjs

Last synced: 16 Jul 2025

https://github.com/react-figma/react-primitives-box

📦 Ergonomic, responsive React layout and grid system

react styled-components styled-system theme-ui

Last synced: 07 May 2025

https://github.com/itsjonq/styled-view

✌️ UI Primitive for React, with CSS-in-JS support

component css css-in-js emotion react reactjs styled styled-components styled-system view

Last synced: 05 Oct 2025

https://github.com/rentalutions/elements

Design kit for Avail rental management software

design-system lerna monorepo react styled-components styled-system ui-components ui-kit

Last synced: 03 Jul 2025

https://github.com/knack-ux/knack-ux

A fully customizable component library for the smart developer!

framer-motion react styled-components styled-system

Last synced: 01 Mar 2026

https://github.com/ghalex/vue-sx

vue-sx is a simple library that allows you to write clean CSS-in-JS for Vue

emotion styled-system vue vue3

Last synced: 01 Aug 2025

https://github.com/efoken/md3-ui

⚛️ React Native (Web) library implementing Material Design 3

javascript material material-design react react-native react-native-web reactjs styled-components styled-system typescript ui

Last synced: 13 Apr 2025

https://github.com/jferrettiboke/cairo

[WIP] 🚧🚧🚧 🔺 The Design System Framework — Build consistent, themeable, type-safe, accessible React apps and websites with ease, confidence, and speed.

component-library components css-in-js design-patterns design-system design-tokens design-tools frontend frontend-framework react reactjs styled-system theme-ui

Last synced: 10 Jul 2025

https://github.com/eddort/react-flexer

flexbox grid layout like rebass, just faster

cssinjs flexbox quarkly react rebass styled-components styled-system

Last synced: 29 Oct 2025

https://github.com/hazel-ui/hazel-ui

Hazel UI is a flexible React component library that lets you quickly build web elements the way you want. It is built with the goal to allow maximum possible customization and speed of development.

design-system hacktoberfest react react-component-library styled-components styled-system typescript

Last synced: 11 Apr 2025

https://github.com/liinkiing/next-ts-graphql-relay-starter

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

cypress framer graphql next react relay ssg ssr starter styled-component styled-system template typescript

Last synced: 30 Apr 2025

https://github.com/johnpolacek/chicagotechevents.com

Website for chicagotechevents.com - The best web, tech and startup events in Chicago

cypress gatsby netlify reactjs styled-components styled-system

Last synced: 16 Mar 2025

https://github.com/alexanderjeurissen/flex

A declarative React primitive Flex component that exposes flexbox specification in JSX

component css css-flex css-flexbox css-flexbox-layout flex-component flexbox-specification jsx primitive react styled-components styled-system

Last synced: 08 Jul 2025

https://github.com/suyalcinkaya/styled-cra-system

React Boilerplate with CRA and styled system

cra css-in-js react styled-system

Last synced: 20 Mar 2025

https://github.com/naveteam/react-native-nave-typescript

React Native Template for a quick start with typescript and other features

react-native styled-compoents styled-system typescript

Last synced: 18 Mar 2025

https://github.com/w0ofy/real-system

A react component system that is easily extendable and ready-to-theme.

component-library design-system emotionjs react real-system styled-system

Last synced: 28 Dec 2025

https://github.com/nksaraf/react-box

A simple yet super powerful Box primitive (with others) for React powered by styled-system and framer-motion

design-systems framer-motion react styled-components styled-system

Last synced: 15 Apr 2025

https://github.com/margaretkrutikova/styled-system-mapper

Utility functions for style props in styled-system that allow using custom keys instead of arrays

css-in-js styled-system typescript

Last synced: 02 Jul 2025

https://github.com/knowler/system-prop-sets

Extended sets of props for use with Styled System.

css-in-js design-systems emotion styled-components styled-system

Last synced: 27 Apr 2026

https://github.com/cwlsn/axiomatic

A React based Design System using TypeScript, powered by styled-system and styled-components.

design-system react styled-components styled-system typescript

Last synced: 12 Apr 2026

https://github.com/jhta/react-use-theme

React Hook for consume styled component `theme`

hooks react styled-components styled-system

Last synced: 06 May 2026

https://github.com/jhony-v/meal

🥣 Meal platform, manage record and much more foods (twitter design)

apollo-client emotion food-app graphql react styled-system

Last synced: 30 Apr 2025

https://github.com/felixtellmann/use-styled-system

A custom React Hook to help you implement "styled system props" in combination with styled-jsx for your application.

hooks react styled-jsx styled-system

Last synced: 01 May 2026

https://github.com/syfxlin/ustyled

一个 CSS-in-JS 的工具库

css-in-js emotion styled-components styled-system

Last synced: 29 Apr 2026

https://github.com/artsy/palette-docs

Docs for Palette, Artsy's Design System

design-system react styled-system

Last synced: 18 Apr 2026

https://github.com/alexanderjeurissen/grid

A declarative React primitive Grid component that exposes css-grid specification in JSX

component css-grid css-grid-layout grid jsx primitive react react-css-grid react-grid-layout react-grid-system styled-components styled-system

Last synced: 04 May 2026

https://github.com/jhony-v/spotify-clone

Recreate spotify web application with react

emotion next react styled-system

Last synced: 12 Apr 2026

https://github.com/vivek12345/lounge-design-system

Design system using emotion, styled-system and react - for learning

design-system emotion react styled-system

Last synced: 23 Feb 2026

https://github.com/horberlan/cyberfuture

CyberFuture npm's package

component cyber npm react styled-system

Last synced: 09 Apr 2026

https://github.com/carloslfu/carloslfu.github.io

Carlos Galarza's website. Made with NextJS, React, Styled System and love ;).

love nextjs react styled-system

Last synced: 14 Apr 2026

https://github.com/jbrown/portfolio-design-system

A design system for my portfolio apps.

styled-components styled-system

Last synced: 24 Jan 2026

https://github.com/liinkiing/next-ts-klee-starter

An opiniated Next TypeScript powered starter which include Klee, emotion / styled-system, framer motion, jest and Cypress

cypress emotion framer-motion jest klee next react starter styled-system template typescript

Last synced: 11 Apr 2026

https://github.com/inadeqtfuturs/if-sf

🔮 generate themes, theme objects, and theme tokens

emotion react styled-components styled-system theme-ui

Last synced: 18 Apr 2026

https://github.com/phobon/klavis

Essential compositional components and hooks using React, CSS-in-JS, styled-system and Framer Motion

design-system emotion framer-motion styled-system

Last synced: 19 Apr 2026

https://github.com/omarramoun/contacts

A contacts management system. react native application that allows the user to add, delete, update the contact they want.

react-native react-native-app redux-toolkit styled-components styled-system typescript

Last synced: 20 Apr 2026

https://github.com/anindya0207/awesome-react

A cool react app template with redux-toolkit and styled components with typescript support

react redux redux-toolkit styled-components styled-system typescript

Last synced: 09 May 2026

https://github.com/codebrahma/cbweb

Codebrahma.com new website

es6 gatsbyjs javascript reactjs styled-system

Last synced: 10 Apr 2026

https://github.com/glweems/storybook-starter-styled-components

Storybook starting point utilizing React.js, Styled Components, and darkmode functionality

darkmode react storybook styled-components styled-system styled-th

Last synced: 11 Apr 2026

https://github.com/jos3s/ir03-alurakut

Alurakut, uma reconstrução do Orkut com base na Imersão React da @Alura.

alurakut nextjs react styled-components styled-system

Last synced: 02 May 2026

https://github.com/mrseanbaines/calendar

WIP responsive and customisable calendar component

calendar es2015 es6 javascript react reactjs styled-components styled-system

Last synced: 12 Apr 2026

https://github.com/dheerajmahra/madsemicolon

A space in the web for front end related stuffs 👋

atomic-design gatsby madsemicolon styled-components styled-system

Last synced: 09 May 2026

https://github.com/alex-alina/habit-hop-client

The client side of a responsive, full stack app using React | Redux | Styled components | Styled system | Formik. Users can add goals and habits they want to build or drop in order to achieve their goals.

formik jest js react reacttestinglibrary redux styled-components styled-system superagent

Last synced: 12 Apr 2026