JSPM

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

OPT-UI React components UI library

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

<div align="center"> <img alt="Owner avatar" src="https://vue-styled-components.com/logo.png" width="220px" /> <h1>Vue Styled Components</h1> A CSS tool similar to styled-components and support for vue 3. Help you to develop your apps fastly!

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

An internal UI kit library that is opinionated. Primary focus is to solve UI duplications and provide a unified and cross product UX, UI and accessibility.

An extensible theming system for building UI component library with Styled System

React UI components built with Emotion and Styled System

Responsive React grid system built with styled-components

Create consistent styled-system based React UI components

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

A powerful library for creating React/React Native components

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

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

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

A React-Native accessibility helper for styled-components

welcome-ui: A button component

welcome-ui: Core utils

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

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

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

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

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

Responsive, themeable style system for React Native and React Native Web

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

This package is auto-generated by Panda CSS

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

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

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

Collection of React components providing an opinionated base for Wall-to-Wall Gatsby websites.

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

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

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

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

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

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

welcome-ui: A DropdownMenu component

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

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

welcome-ui: Welcome theme

Modal from Ariakit with a really nice theme 👀

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

vue-cli plugin to add Chakra UI Vue

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

welcome-ui: A popover component

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

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

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

welcome-ui: Text input

Simple React components built with styled-system

Full icon list.

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

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

welcome-ui: A UniversalLink component

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

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

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

Welcome UI - Table | Repaint html for table tr td... etc with a scrollable table

finedine mobile menu ui kit project

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

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 reakit.

welcome-ui: A toggle component

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

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

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

Provide copyable icons list.

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.

Basic component to display theme colors.

Children grouped without space or radius.

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.

govuk-frontend theme for styled-system

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

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

A React component used by Atomik

Render a list of dependencies.

Basic loading spin with xtyled.

Transform custom props of your styled components to styles

Simple React components built with styled-system

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.

React primitive UI components built with styled-system

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

Utils for showing version as tag as shown above.

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