JSPM

Class Variance Authority 🧬

Twin blends the magic of Tailwind with the flexibility of css-in-js

Jest utilities for @stitches/react

Class Variance Builder 👷🏼

An addon that allows to see a same Story using different Stitches theme variables.

Layout Components for React Applications

Svelte component library for creating fully functional and accessible web applications quickly


Jest utilities for @stitches/react

Stitches is an HTML5 sprite sheet generator.

Tailwind inspired tools to build fast with Stitches

AirIndex's internal component library, built with React, Next.js, and Stitches.

Cordage Enterprise Component Library

Normalize CSS for stitches

A showcase gallery component used to present different images.

A component that serve to indicate an assessment status, contemplating different viewing options.

A theme provider for styling components using MadeiraMadeira webstore design token definitions

A set of components used to design grid layouts

Babel plugin to add displayName to your styled component

An table component that shows a set of data. Can be totally customized

CSS-in-JS implementation of normalize.css for Stitches

Cosmo's internal component library, built with React, Next.js, and Stitches.

- [Installing](#installing) - [Using](#Using) - [Get Involved](#get-involved) - [License](#license)

An alert component with diferent style variants and alignment options

A component used to quickly insert, increase and decrease numeric values ​​in a form by clicking on buttons or typing.

A polymorphic input component used to capture user data.

An polimorfic icon component builded to work together with FontAwesome library

A polymorphic typographic component used to create different text styles.

A component that implements the Flex Layout functionality

A component used to organize and display releated information gradually to optimize screen space.

A button component that allow users to perform actions and make choices with a single tap.

A div component used to create layout spaces using margins and paddings

A pagination component is intended to assist in navigation between pages.

- [Installing](#installing) - [Using](#Using) - [Get Involved](#get-involved) - [License](#license)

A component to be used as a modal, being displayed in front of the page content.

A input component that allows the user to select one or more items from multiple options.

A set of layered sections of content—known as tab panels—that are displayed one at a time.

A input component where no more than one of the buttons can be checked at a time.

A component composed of a group of displayed options, and among these options it is possible to select an item from the list.

A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.

- [Installing](#installing) - [Using](#Using) - [Get Involved](#get-involved) - [License](#license)

A badge component used to highlight data features such as status, types, a numeric feature, or tagging an item.

A component used as scrollbar, just pass a children with the content.

A basic select component that allows the selection of a single option

Class Variance Authority 🧬 - Extended

- [Installing](#installing) - [Using](#Using) - [Get Involved](#get-involved) - [License](#license)

A component that allow users to make selections and filter content.

A component that contains pertinent information to help the user to fill in a certain field of a form

A component responsible for navigating the user in a visual way.

A component that informs the user about the state of a running process, such as submitting a form or loading data from the page.

React Stitches-like variants API for tailwindcss classes

A component composed of a group of displayed options, and among these options it is possible to select an item from the list.

css-in-js design system based on stitches js.

An input where the user selects a value from within a given range

A component that displays a menu to the user—such as a set of actions or functions—triggered by a button.

RedLight's Design System is a comprehensive collection of design and development resources that aims to streamline and enhance the creation of consistent, user-centric digital experiences.

Babel plugin to generate named (human-legible prefixes) class names.

Use stitches in your Vue projects

A lightweight styling library for React Native

awesesome

A lightweight React styling primitive, powered entirely by CSS and inline styles

Consolia's internal component library, built with React, Next.js, and Stitches.

This is the design system for [BCH.BET](https://bch.bet).

awesesome

@sindresorhus's modern-normalize.css as a plug-and-play JavaScript object compatible with Stitches.

- [Installing](#installing) - [Using](#Using) - [Get Involved](#get-involved) - [License](#license)

React based CSS-in-JS styling framework.

awesesome

- [Installing](#installing) - [Using](#Using) - [Get Involved](#get-involved) - [License](#license)

- [Installing](#installing) - [Using](#Using) - [Get Involved](#get-involved) - [License](#license)

awesesome

Class Variance Authority Components

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

foo

React helper for classname-variants

Class Variance Authority 🧬

Criação e configuração inicial do nextjs junto com algumas outras bibliotecas

Aggregates styles to the head of the application during runtime or inline within components for server-render.

awesesome

> Helpful stitches utilities like `marginY`, `marginX` etc. combined in one package

Style reset for typescript. Converted desyle.css to style object.

Class Variance Authority 🧬

Class Variance Authority 🧬 with Tailwind Merge

A color system for designing beautiful and accesible interfaces

A tool for purging Stitches utils

vite react template

Stitches Crochet is a set of general utilities for [Stitches](https://stitches.dev/) (not to be confused with [Stitches utils](https://stitches.dev/docs/utils)).

Styled radix-ui/select component

An API that generates twind/style shapes from a set of design tokens.

Creates a scrollable area

Accessible, composable React UI components built with Stitches.js

A lib to create and extends React components like stitches using Tailwind classes!

Stitches for Solid js

Generic container component

⚡Fast and customizable UI Components Library for React (with nextJS support)

Stitches for Solid js

A design system starter from scratch using TypeScript, TurboRepo, StoryBook, Stitches, Vite, Changeset, Eslint, Github Actions, Workflows

<img alt="CodeSandbox logo" src="https://raw.githubusercontent.com/codesandbox/open-in-codesandbox/main/assets/csb.light.svg#gh-dark-mode-only" /><img alt="CodeSandbox logo" src="https://raw.githubusercontent.com/codesandbox/open-in-codesandbox/main/asset

A React component that is a base button

Set of property utilities for Stitches with theme tokens support. Use the built-in utils, or easily build custom ones.

Babel plugin to add readable className to your styled component

All urban-ui layout components in a single module

Create your stitches config file directly from Figma

awesesome

Container component that matches the screen size

Boolean toggle component that looks like a switch

Stitches + TailwindCSS

Wrapper around icon token size

Styled wrapper around radix-ui/separator

Designer system (Components, colors, etc.)

Composite package of all urban-ui control components

Twin blends the magic of Tailwind with the flexibility of css-in-js

React UI library boilerplate

Handles orientation and spacing of children

Twin blends the magic of Tailwind with the flexibility of css-in-js

A design system starter from scratch using TypeScript, TurboRepo, StoryBook, Stitches, Vite, Changeset, Eslint, Github Actions, Workflows

Additional button examples. These extend the default button package to cover more use-cases. They can be used as examples of extending the button package or as standalone button types.

Generic container componet for block elements

Helper for absolutely positioned elements

Centers content both horizontally and vertically

foo

Styled version of radix-ui/slider

React UI components library built with @stitches/react

Components in react with stitches by Trocafone

test components

UI library from SIDAN Lab

Content container for copy text

Library for bringing Animate.css animations to Stitches (CSS-in-JS).

Styled radio wrapper around radix-ui radio components

Accessible, composable React UI components built with Stitches.js

React Class Variance Authority 🧬

@heartfly/variants is a library for Vue 3 that provides a simple and efficient way to manage and apply variants to your components. Inspired by Stitches variant, it allows you to define variants and their corresponding styles, and automatically recalculat

Various generic page layouts