JSPM

Customizable design system with react • styled-components • styled-system and ariakit.

Library for creating atomic react components

Customizable design system with react • styled-components • styled-system and ariakit.

a lightweight style system with react ui primitives

Customizable design system with react • styled-components • styled-system and ariakit.

welcome-ui: Picker

Customizable design system with react • styled-components • styled-system and ariakit.

Braineet design system

<img src="https://raw.githubusercontent.com/garethslinn/public_infocharts/refs/heads/main/logo.svg" />

welcome-ui: Welcome Dark theme

A React component used by Atomik

Core utils

Customizable design system with react • styled-components • styled-system and reakit.

styled system

Customizable design system with react • styled-components • styled-system and reakit.

Customizable design system with react • styled-components • styled-system and ariakit.

[](https://hermanya.github.io/react-landing-page/)

A React component used by Atomik

Simple access to your head.

Customizable design system with react • styled-components • styled-system and ariakit.

A React component used by Atomik

Customizable design system with react • styled-components • styled-system and ariakit.

Is an export of xstyled's <Box> component.

Form components for the BeStyled Design System

Hooks to know if dom element is in viewport.

A React component used by Atomik

An instant React-Native starter for instant apps. Open lid, add hot water, boil, enjoy!

Customizable design system with react • styled-components • styled-system and ariakit.

A React component used by Atomik

Implementation of the BeStyled Design System

welcome-ui: A ButtonGroup component

Built with Reakit for a better accessibility 🥰

Customizable design system with react • styled-components • styled-system and ariakit.

A React component used by Atomik

Component patterns using @phobon/base

Some basic React components

A React component used by Atomik

Collection of shared UI elements for Charlie Tango projects

A Vite plugin that provides TypeScript generic syntax support for Vue Styled Components, similar to React styled-components.

welcome-ui: A tooltip component

A React component used by Atomik

A React component used by Atomik

A React component used by Atomik

A React component used by Atomik

welcome-ui: Dark theme

A React component used by Atomik

Library of common primitive components used in Rapido apps.

Customizable design system with react • styled-components • styled-system and ariakit.

All icons in one font.

Customizable design system with react • styled-components • styled-system and ariakit.

Styled system for real system.

welcome-ui: themes

A React component used by Atomik

The `Text` component allows you to remain consistent with your text sizing and line-height. To add additional padding/margins use the `space` values from xstyled.

A React component used by Atomik

Customizable design system with react • styled-components • styled-system and ariakit.

A React component used by Atomik

Basic clear button.

Customizable design system with react • styled-components • styled-system and ariakit.

Customizable design system with react • styled-components • styled-system and reakit.

welcome-ui: A toggle component

Essential compositional components using CSS-in-JS and styled-system

A simple hook to copy text from a given HTML element to your clipboard with copy-to-clipboard library

Customizable design system with react • styled-components • styled-system and ariakit.

A React component used by Atomik

css-in-js

A React component used by Atomik

Stacking layouts for React

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

Notification component with toasted-note and 2 components : Growl and Snackbar.

Preset to consume the sx prop on all elements

Doc tools based on mountain ui

Styled native-base UI components using styled-system

Customizable design system with react • styled-components • styled-system and ariakit.

<img src='http://res.cloudinary.com/lighter/image/upload/v1532614796/logo-preview-4851acb3-1251-4cc4-af87-3646f0407894_hdubzv.jpg' width='128' height='128' />

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

Customizable design system with react • styled-components • styled-system and ariakit.

Assign scales to styled-system props

Responsive type system for styled-components

OPT-UI Lab - Incubator for Opt-UI React components.

Responsive, theme-based style props for Vanilla Extract

The `Stack` component is a layout component that allows you to easily stack elements with space between them.

Customizable design system with react • styled-components • styled-system and ariakit.

[](https://travis-ci.org/dagda1/styled-gel)

The building blocks of Cogito.

Tillen's design system

html shapes implemented with styled-system props

Overflow child with hidden child.

Simple feedback messages for user actions.

Flexible & functional React native design system, built with styled-system

Text input

HTML elements extended as styled components via styled system, ready for theming.

welcome-ui: A Group component

Rebass primitive UI components generator built with styled-system

Simple Box with specific style.

Basic component to display theme code.

Styled scope provider for Markdown/MDX/TDX documents

Collection of opinionated React components.

Agon UI Design System

React styled-components built with theming

Customizable design system with react • styled-components • styled-system and ariakit.

CSS in JSX for lazy developers

Provide copyable icons list.

Customizable design system with react • styled-components • styled-system and reakit.

Just another UI component library based on Styled System.

Tachyons theme for Cattous

A Codemod for transforming styled-system `theme-get` util imports from 'styled-system' package to dedicated '@styled-system/theme-get'

Responsive, theme-based style props for Vanilla Extract

Jolie is a component based UI library built using Vue.js and Typescript to build scalable web applications

Show a styled tag.

Responsive type system for styled-components

flexbox grid layout like rebass but fastest

Customizable design system with react • styled-components • styled-system and ariakit.

Code editor component.

Material Design theme preset for use with Rebass

utility tags for styled-components inspired by clean-tag

A UniversalLink component

A Gatsby theme for beautiful and themeable markdown docs

Tiny css-in-js library for a heavenly developer experience

Responsive React grid system built with styled-system, with support for styled-components and emotion

Field.

Crafter UI is a simple component library to build more complex Vue applications

Connected field.

Field group.

Provide theme props support for styled system.

Customizable design system with react • styled-components • styled-system and ariakit.

Bootstrap in styled components

A link component who can get `as` property to pass custom linker. This component is a child from `UniversalLink` component.

Use arrays as values to specify mobile-first responsive styles for CSS-in-JS projects

React BADASH UI Components

Basic description.

Make a color palette for styled-system

Styled components to React Native

Show component usage.

Children grouped without space or radius.

Basic component to display theme colors.

Provides a function to add direction (RTL/LTR) aware css props to your component

A collection of UI components from Panther labs

Solidjs components library focused on usability, whitelabel theming, accessibility and developer experience

A type-safe styling library for React components built on top of [Vanilla Extract](https://vanilla-extract.style/). `@noema/motif` allows you to create styled components with consistent theme-aware props that cleanly separate styling from component logic.

Customizable design system with react • styled-components • styled-system and ariakit.

Primitive UI elements for component-based design

NavBar component.

Show your badge with swag 🦄.

A React component used by Atomik

A set of primitive react components based on styled components and styled-system.

Component based on the downshift library.

Customizable design system with react • styled-components • styled-system and reakit.

govuk-frontend theme for styled-system

Create consistent design-system-driven React UI components

Checkbox using reakit.

BeStyled System Property Groups, for React, React Native, React Native Web, and typescript

Form used for demo purpose.

A set of ui components for teledirekt landings.

Provides a function to add direction (RTL/LTR) aware css props to your component

A utility-first CSS-in-JS framework built for React (styled-components bindings).

Responsive, theme-based style props for building design systems

The [Switcher](https://design.cloud.renault-digital.com/components/switcher) component from [@dcp-ui](https://design.cloud.renault-digital.com).

A Tachyons theme file for use with http://jxnblk.com/styled-system

A UI component library built with styled components and styled-system.

enable a boolean-style prop syntax for styled-system components

The [Brand](https://design.cloud.renault-digital.com/components/brand) component from [@dcp-ui](https://design.cloud.renault-digital.com).

React UI library inspired by Tailwind + Styled System

Basic loading spin with xtyled.

Menu from Reakit with a really nice theme 👀

Bulux Design System

Transform custom props of your styled components to styles

Simple React components built with styled-system

A React component used by Atomik

Render a list of dependencies.

Basic loading spin with xtyled.

Customizable design system with react • styled-components • styled-system and ariakit.

SeedBlocks design system, tokens and helper utilities

<p align="center"> <img alt="Build & Test Components" src="https://github.com/chakra-ui/chakra-ui-vue/workflows/Build%20&%20Test%20Components/badge.svg" /> <img alt="Netlify Status" src="https://api.netlify.com/api/v1/badges/0140cfa8-f093-4a69-b29b-6b

A utility-first CSS-in-JS framework built for React (Emotion bindings).

React Native template with Typescript, Styled System and Styled Components.

CRA Typescript Template with Styled-System, Eslint and Prettier.

Generate prop-types from xstyled utilities.

A toggle component. We prefer toggle over switch for easy to use. Switch is a usual keyword in development.

The stock for our react component library soup. - 100% veggie & gluten-free

Basic compoment to get a default background based on your theme.

Utils for showing version as tag as shown above.

React primitive UI components built with styled-system

The basic theme and theme specification for react-basic-kit

Design system utilities for Vue

Avatar component with initials letter when have no image.

A tooltip component

CSS Styles can be applied to components by writing css styles as props or themeing

React UI components used across all Setlife projects

A mobile-first responsive grid system built with @emotion/css.

## Setup

luniand UI | Styled System module

Luniand UI | System module

xstyled system utilities.

Renault Theme

dcp-ui: themes

Implementation of the BeStyled Design System, built with react-router

grid system for [styled-components](https://github.com/styled-components/styled-components).

Display a list of props and details.

Implementation of the BeStyled Design System, built with @bestyled/primitives and bestyled-system, and typescript

All UI components from the Zenny UI design system

welcome-ui: A button link component

Add useful libraries for your ui as dependencies

All UI components from the Zenny UI design system

React MDX-based static site generator

React primitive UI components built with styled-system. Inspired by Rebass

React primitive UI components built with styled-components and styled-system. Inspired by Rebass

Styled system for VEF Framework

welcome-ui: WelcomeKit theme

React component for applying responsive margin and padding to child elements without a wrapping HTML container. Built with Styled System.

A React component used by Atomik

Generate Capsize text styles for multiple breakpoints using responsive arrays

Luniand UI | Color mode module

A systemized, accessible component library for React projects.

Implementation of the BeStyled Design System, for React, React Native, React Native Web, and typescript

Repaint html for table tr td... etc with a scrollable table

Customizable design system with react • styled-components • styled-system and reakit.

Bulma elements in typescript

Renault Theme

welcome-ui: Wttj theme

Compositor theme

Styled scope provider for MDX documents

Material Design theme preset for use with Rebass

Create consistent design-system-driven React UI components

Animated components for the Bestyled Design System

Customizable design system with react • styled-components • styled-system and ariakit.

Luniand UI | Theme Tools module

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

Xstyled bindings for styled-components.

Base theme preset for use with Rebass

React primitive UI components built with Styled System

dcp-ui: Dark theme

Modal from Reakit with a really nice theme 👀

Customizable design system with react • styled-components • styled-system and ariakit.