JSPM

Web component implementation of a Spectrum design InfieldButton

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

A preset of all the UI-Kit components.

A search select field built on top of search select input, allowing users to asynchronously search for options

A dropdown component with any number of action, where the first action of the dropdown can be triggered without opening the dropdown itself.

Shared React contexts for the NEXT UI Kit.

CSS stylesheets for Primer Brand components

A progress bar component used to visualize the progression of an extended operation

UI Kit styling solution.

Sass variables, mixins, and functions for use in our components.

The `Filters` component displays filter controls.

A render-prop component to manage a toggle state

Containers, rows, and columns for creating page layout.

The Spectrum CSS link component

Relume Tailwind Config. A preset Tailwind config using the Relume design system.

The `<sp-color-handle>` is used to select a colour on an `<sp-color-area>`, `<sp-color-slider>`, or `<sp-color-wheel>`. It functions similarly to the handle on an `<sp-slider>`.

Base theme preset for use with Rebass

Shorten text with an ellipsis.

A controlled text input component for localized multi-line strings with validation states.

The TimeInput component allows the user to select a time.

Decathlon Design System - Vitamin assets library

CSS to reset the browsers default styles

The `<sp-accordion>` element contains a list of items that can be expanded or collapsed to reveal additional content or information associated with each item. There can be zero expanded items, exactly one expanded item, or more than one item expanded at a

Small, modular components for StrataKit

Link buttons are similar to Flat buttons but work as link elements.

A controlled input component for money values with validation states and a label.

Instill AI's frontend toolkit

A reusable React component library and design system with TypeScript support, built on Vite for seamless integration and optimized performance.

Salute Design System / React UI kit for SDDS SCAN web applications

A preset of all the UI-Kit buttons components.

A controlled input component with validation states and a label getting a selection from the user, and where options can also be created by the user.

`<sp-top-nav>` delivers site navigation, particularly for when that navigation will change the majority of the page's content and/or the page's URL when selected. All primary elements of an `<sp-top-nav>` should be directly accessible in the tab order.

An `<sp-color-loupe>` shows the output color that would otherwise be covered by a cursor, stylus, or finger during color selection.

A Tailwind CSS plugin to bring Vuetify utility classes for autocomplete and migration use cases.

Medium-sized component structures for the Strata design system

An `<sp-color-wheel>` lets users visually change an individual channel of a color on a circular track.

Web component implementation of a Spectrum design Grid

NEXT Design System icons packaged as a set of React components.

A controlled rich text input component for rich text with validation states.

The Spectrum CSS card component

Salute Design System / Internal React UI kit for web applications

Salute Design System / React UI kit for SDDS INSOL web applications

A comprehensive Notion-inspired design system built with React, TypeScript, and Tailwind CSS

Singular purpose and flexible navigation elements.

A module for creating rounded-corner boxes with options for headers, lists, and footers.

The Spectrum CSS button component

The Spectrum CSS tokens package

An `<sp-meter>` is a visual representation of a quantity or achievement. The meter's progress is determined by user actions, rather than system actions.

A collection of buttons used for primary and secondary actions.

Style individual form controls and utilize common layouts.

A module for creating dynamically resizable elements that always sit on the same horizontal line.

<p align="center"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://github.com/shuriken-ui/.github/assets/86636408/278e3026-1997-4e01-9457-20772adbce31"> <source media="(prefers-color-scheme: light)" srcset="https://github.

HugeIcons Pro React Native Component Library https://hugeicons.com

Blankslates are for when there is a lack of content within a page or section.

The `QuickFilters` component displays filter controls.

An `<sp-color-area>` allows users to visually select two properties of a color simultaneously. It's commonly used together with a color slider or color wheel.

The Spectrum CSS dialog component

The Spectrum CSS menu component

Build Accessible and Responsive Vue.js websites and applications with speed ⚡️

Fractal's (Snowball's design system) React component library based on RadixUI and PandaCSS

The Spectrum CSS popover component

The Spectrum CSS accordion component

Marketing specific immutable, atomic CSS classes

Leviathan Tarik Design System (tokens, utils, atoms)

The Spectrum CSS page component

HugeIcons Pro Vue Component Library https://hugeicons.com

The Spectrum CSS action button component

ECL Base

A beautiful, minimalistic React + Tailwind UI framework for SaaS applications

Icons for EC system of ECL

The Spectrum CSS tooltip component

The Spectrum CSS search component

Basic styles for user profile avatars.

Labels add metatdata or indicate status of items and navigational elements.

The Spectrum CSS checkbox component

The Spectrum CSS in-line alert component

Decathlon Design System - Vitamin React components library

The Spectrum CSS icon component

A component design system for LifeSG web apps

The Spectrum CSS sidenav component

The Spectrum CSS divider component

Typography for marketing websites at GitHub

The Spectrum CSS table component

An `<sp-color-slider>` lets users visually change an individual channel of a color. The background of the `<sp-color-slider>` is a visual representation of the range of values a user can select from. This can represent color properties such as hues, color

The Spectrum CSS textfield component

Stylesheets for all components from the Amsterdam Design System and some general utilities. Use it to apply the visual design of the City of Amsterdam to your HTML elements or non-React components.

Styles to create distinct sections of marketing pages at GitHub.

Web component implementation of a Spectrum design ContextualHelp

Web component implementation of a Spectrum design PickerButton

Planview design system icons

Logo for EC system of ECL

Flash messages, or alerts, inform users of successful or pending actions.

The Spectrum CSS fieldgroup component

`@spectrum-web-components/bundle` is a master dependency that allows a project to import any and all of the Spectrum Web Components. While it is a great approach to prototyping, the fact that is versions all of the Spectrum Web Components packages collect

Material-UI Binding for UI-Schema

A low-level SCSS library for building robust token-driven design systems at scale.

The Spectrum CSS toast component

ECL Links

Salute Design System / React UI kit for SDDS FinAI web applications

[Material-UI](https://mui.com/core/) theme inspired by [Bootstrap Italia](https://italia.github.io/bootstrap-italia/).

Implementation of sharable components from Planview's Design System

Responsive and accessible React UI components built with React and Emotion

All assets from the Amsterdam Design System. Use it to include the correct fonts, icons or logos in your website or application.

Fluid Design Tokens

React component library for Schematic's icon system with TypeScript support

All icons from the Amsterdam Design System as React components. Use it to use the correct icons in your React project.

A comprehensive UI component library built with React, TypeScript, and Tailwind CSS for LlamaIndex applications

Planview design system tokens

The Fluid Design System is ENGIE’s open-source library to create, build and deliver ENGIE digital services in a more efficient way.

A TailwindCSS plugin for styling Kobalte components with data-* attributes by using modifiers like ui-expanded:*

The Spectrum CSS progress bar component

Buttons for marketing websites at GitHub

<p align="center"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://github.com/shuriken-ui/.github/assets/86636408/278e3026-1997-4e01-9457-20772adbce31"> <source media="(prefers-color-scheme: light)" srcset="https://github.

Patreon Studio Design System

Une bibliothèque de thèmes React moderne avec support Tailwind CSS

The Spectrum CSS actiongroup component

ECL Grid

Set of shared utilities from Planview's Design System

Fluid Design System React

The Spectrum CSS calendar component

ITS Just UI - The easiest and best React UI component library. Modern, accessible, and customizable components built with TypeScript and Tailwind CSS. Simple to use, production-ready components for building beautiful user interfaces with ease.

The Spectrum CSS underlay component

ECL EC Breadcrumb

Jumbotrons, heroes, and featured content sections for marketing websites at GitHub.

The Spectrum CSS picker component

The Spectrum CSS Tree view component

Legacy version of Primer CSS. Based on 15.2.0

The Spectrum CSS progress circle component

Yamada UI core

ECL EC Buttons

Contributed React components for the NEXT UI Kit.

A Linear inspired Chakra UI theme

The Spectrum CSS buttongroup component

Styles to display tabular data for marketing websites at GitHub.

Utility-first CSS for the future

A comprehensive Svelte 5 component library with 187+ components focused on accessibility, ADHD-optimized design, and full SSR compatibility. Features specialized bundles for agent/AI interfaces, knowledge management, therapeutic tools, and advanced data v

The Spectrum CSS modal component

OE - BCL theme default

All design tokens from the Amsterdam Design System. Use it to apply its visual design to your website or application.

The Spectrum CSS dropzone component

The Spectrum CSS stepper component

The Spectrum CSS tags component

Saas UI Dropzone Component for Chakra UI

OE - BCL icon

ECL EC Date block

ECL EC Table

Utility and component-centric design system based on Bootstrap for fast, responsive UI development.

ECL DOM utilities

The Spectrum CSS tabs component

A Light Box is React component that displays a light box with a content area and a close button from the ZenithUI ecosystem.

The Spectrum CSS statuslight component

A nice, consistent way to display branch names.

The Spectrum CSS illustratedmessage component

ECL EC Form group

A ZenithUi Time Picker is React component enables users to select a time from a predefined list of options.

OE - BCL bootstrap 5 sources

Core tokens and utilities for Factorial One Design System

Description text to help the user know what to do.

The Spectrum CSS switch component

The Spectrum CSS fieldlabel component

The Spectrum CSS radio component

⚡ Ultra-lightweight React component library with design tokens, multi-brand theming, and TypeScript support. Zero heavy dependencies - perfect for production apps.

ECL Search form

ECL Icons -> EC flavor

NorthStar Design System v2

The Spectrum CSS slider component

All React components from the Amsterdam Design System. Use it to compose pages in your website or application.

Implementation of Planview Design system form

UI components from Wonderflow's Wanda design system

Resources, components, design guidelines and tooling for Mindvalley's design system

ECL EC Site Header Core

A React component library by QuestionPro for building web applications with ease

ECL EC Timeline

**Lola Framework UI** es un framework de estilos diseñado para **unificar la apariencia y la experiencia visual** de todos los proyectos desarrollados bajo el ecosistema de nuestra organización. Su objetivo principal es ofrecer **consistencia, mantenibi

Official React components built for React and Tailwind CSS

The Spectrum CSS avatar component

Web component implementation of a Spectrum design Breadcrumbs

ECL EC Footer Standardised Specs

The Spectrum CSS Pagination component

Float Design System with email components and theme system

Agroptima design system

OE - BCL link

A modern, lightweight toast notification system for React applications. ZenithUI Toast provides a simple and customizable way to display notifications, alerts, and messages to users with smooth animations and flexible styling options.

ECL Form Labels

Implementation of Planview Design system grid components

ECL EC Form checkbox

ECL EC Blockquote Specs

A design system for Appscode websites and dashboards made using Bulma

OE - BCL spinner

OE - BCL button

Authentication provider and components for Chakra UI

Web component implementation of a Spectrum design ColorField

EC Footer

Implementation of Planview Design system details panel

A Vue 3 UI Component Library

EC Language list

Web component implementation of a Spectrum design AlertBanner

ECL EC Card Specs

ECL EC Footer Specs

Design System Styles for the Swiss Post web platform.

Sistema de design unificado para a plataforma Metropolle

A professionally designed animate react component library & templates market that brings together functionality, accessibility, and beautiful aesthetics for modern applications.

Implementation of Planview Design system toolbar

ECL EC Description List

ECL EC Date block Specs

Franken UI is an HTML-first, open-source library of UI components based on the utility-first Tailwind CSS with UIkit 3 compatibility. The design is based on shadcn/ui ported to be framework-agnostic.

ECL EC Link Specs

ECL EC Social Media Share

UniUi helps developers and designers build beautiful, responsive UIs faster with ready-made, customizable components. Simplify your workflow and create stunning user interfaces effortlessly.

ECL EC Feedback messages

ECL EC Site header

ECL EC Footer Core Specs

ECL EC Breadcrumb Harmonised

ECL EC Breadcrumb Core

The React implementation of the Oxygen Design System

The Spectrum CSS close button component

ECL EC Dropdown Legacy Specs

ECL EC Skip link Specs

ECL EC Accordion

The Spectrum CSS breadcrumb component

ECL EC Page Header Standardised Specs

ECL EC Page Header Specs

ECL EC Media container Specs

Implementation of Planview Design system filter components

ECL EC Social Media Share Specs

Consta — дизайн-система для разработки интерфейсов, написана на [React](https://reactjs.org/), сделана и поддерживается в «Газпром нефти».

A wrapper to the React Monaco editor (https://github.com/react-monaco-editor/react-monaco-editor) using the Hitachi Vantara's Design System styles.

Noph UI is a modern, powerful UI library for Svelte 5, fully aligned with the Material 3 guidelines. Build stunning, consistent user interfaces with the efficiency and flexibility of Svelte and Google’s Material Design framework.

Yamada UI providers

ECL EC Tag Specs

ECL EC Typography

ECL tags

A collection of Swiss Post icons intended for use with the Design System.

🐻 Kuma UI is a utility-first, zero-runtime CSS-in-JS library that offers an outstanding developer experience and optimized performance.

HugeIcons Pro React Component Library https://hugeicons.com (Demo Version)

ECL EC Menu

A modern, customizable React/Next.js component library

EC Footer Standardised

ECL EC Timeline Specs

🐻 Kuma UI is a utility-first, zero-runtime CSS-in-JS library that offers an outstanding developer experience and optimized performance.

Web component implementation of a Spectrum design Combobox

🐻 Kuma UI is a utility-first, zero-runtime CSS-in-JS library that offers an outstanding developer experience and optimized performance.

UI Kit UnoCSS preset with the NEXT theme.

In house component library for SurveySparrow

ECL EC Select Specs

ECL Skip link