Design System

A preset of all the UI-Kit spacings components.

An inset spacing component provides a consistent padding to the inner component.

Yamada UI core

An inset squish spacing component provides a consistent padding to the inner component, with horizontal padding being proportionally bigger than the vertical padding.

A storybook addon to capture events in Amplitude

Auro custom auro-icon element

Auro custom auro-button element

A collection of React hooks used across some of the UI-Kit components.

Utility functions and hooks for the Equinor Design System

Secondary Icon Buttons are "icon-only" buttons and a restricted version of the ``. They trigger an action when clicked (`onClick` prop). You must also pass a label for accessibility reasons.

refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.

CSS variables for the iTwinUI design system

Design tokens for the Equinor Design System

Babel preset to parse the Salesforce Design System React source code.

Shared UI Library for Ticketmaster

auro-threecolumn HTML custom element

The design systems component library.

A spinner animation to indicate loading state (e.g pending requests) for the user.

Primary buttons are used for a primary action on a page. You must also pass a label for accessibility reasons.

React Native components based on Eva Design System

Miro UI Kit for building Apps & plugins

The Design System is the single source of truth which groups all the elements that will allow the teams to design, realize and develop ServiceTitan products. It contains tools for designers & developers, patterns, reusable components, guidelines, and more

Flat buttons are minimal and a flat variation of primary and secondary buttons.

Parser/validator for the Design Tokens Community Group (DTCG) standard.

Common utilities and types for Kobalte.

The component library of the Vivid design system, provided as a set of web components.

Indiana University design system

Eva Design System

Design tokens for the Sage Design System.

CLI for managing design tokens using the Design Tokens Community Group (DTCG) standard and generating code for any platform via plugins.

Eva Design System Schema Processor

Design System Schema

Responsive, theme-based style props for Vanilla Extract

The design system is a library of CSS components with TypeScript React wrappers.

Generate CSS from your design tokens schema (requires @cobalt-ui/cli)

Salute Design System blueprint

React implementation of Neo4j Design System

Core library for Plasma: Salute Design System.

Decathlon Design System - Vitamin specific CSS styles for design tokens

Vue components for icons in digital and software products using the Carbon Design System

Icon buttons are icon-only buttons. They trigger an action when clicked (`onClick` prop). You must also pass a label for accessibility reasons.

Web components for the Carbon Design System

Helios Design Tokens

A component to render error or warning messages within together with form fields.

Components relating to dropdowns in the Garden Design System

auro-header HTML custom element

The Spectrum CSS button component

HugeIcons React Component Library https://hugeicons.com

Utilities for working with select components.

Aqui você encontra a biblioteca de componentes em React, do Pulso, o Design System da RD.