primer-truncate
Shorten text with an ellipsis.
Found 4236 results for design-system
Shorten text with an ellipsis.
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.
A preset of all the UI-Kit buttons components.
A Tailwind CSS plugin to bring Vuetify utility classes for autocomplete and migration use cases.
The Spectrum CSS action button component
An `<sp-color-wheel>` lets users visually change an individual channel of a color on a circular track.
The Spectrum CSS textfield component
The Spectrum CSS card component
Salute Design System / Internal React UI kit for web applications
Web component implementation of a Spectrum design Grid
Salute Design System / React UI kit for SDDS INSOL web applications
Basic styles for user profile avatars.
The Spectrum CSS button component
Labels add metatdata or indicate status of items and navigational elements.
An `<sp-color-loupe>` shows the output color that would otherwise be covered by a cursor, stylus, or finger during color selection.
Medium-sized component structures for the Strata design system
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.
<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.
The Spectrum CSS icon component
Blankslates are for when there is a lack of content within a page or section.
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.
Typography for marketing websites at GitHub
The Spectrum CSS dialog component
The Spectrum CSS tokens package
The Spectrum CSS menu component
The Spectrum CSS table component
Build Accessible and Responsive Vue.js websites and applications with speed ⚡️
The Spectrum CSS buttongroup 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
The Spectrum CSS toast component
The Spectrum CSS accordion component
The Spectrum CSS progress circle component
Fractal's (Snowball's design system) React component library based on RadixUI and PandaCSS
Leviathan Tarik Design System (tokens, utils, atoms)
The Spectrum CSS page component
Marketing specific immutable, atomic CSS classes
HugeIcons Pro Vue Component Library https://hugeicons.com
The Spectrum CSS popover component
A beautiful, minimalistic React + Tailwind UI framework for SaaS applications
ECL Base
The Spectrum CSS tooltip component
The Spectrum CSS search component
The Fluid Design System is ENGIE’s open-source library to create, build and deliver ENGIE digital services in a more efficient way.
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.
The Spectrum CSS checkbox component
Une bibliothèque de thèmes React moderne avec support Tailwind CSS
The Spectrum CSS illustratedmessage component
Patreon Studio Design System
Decathlon Design System - Vitamin React components library
Icons for EC system of ECL
The Spectrum CSS in-line alert component
A component design system for LifeSG web apps
ECL Grid
Set of shared utilities from Planview's Design System
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
Jumbotrons, heroes, and featured content sections for marketing websites at GitHub.
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.
The Spectrum CSS sidenav component
Web component implementation of a Spectrum design PickerButton
Web component implementation of a Spectrum design ContextualHelp
Planview design system icons
Logo for EC system of ECL
Flash messages, or alerts, inform users of successful or pending actions.
The Spectrum CSS actiongroup component
A low-level SCSS library for building robust token-driven design systems at scale.
OE - BCL icon
Material-UI Binding for UI-Schema
Styles to create distinct sections of marketing pages at GitHub.
ECL Links
Salute Design System / React UI kit for SDDS FinAI web applications
The Spectrum CSS tags component
[Material-UI](https://mui.com/core/) theme inspired by [Bootstrap Italia](https://italia.github.io/bootstrap-italia/).
Utility and component-centric design system based on Bootstrap for fast, responsive UI development.
Implementation of sharable components from Planview's Design System
Responsive and accessible React UI components built with React and Emotion
Fluid Design Tokens
React component library for Schematic's icon system with TypeScript support
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
The Spectrum CSS fieldgroup component
All icons from the Amsterdam Design System as React components. Use it to use the correct icons in your React project.
A TailwindCSS plugin for styling Kobalte components with data-* attributes by using modifiers like ui-expanded:*
The Spectrum CSS modal component
A nice, consistent way to display branch names.
A comprehensive UI component library built with React, TypeScript, and Tailwind CSS for LlamaIndex applications
The Spectrum CSS progress bar component
Core tokens and utilities for Factorial One Design System
OE - BCL bootstrap 5 sources
All assets from the Amsterdam Design System. Use it to include the correct fonts, icons or logos in your website or application.
The Spectrum CSS switch component
Planview design system tokens
Fluid Design System React
The Spectrum CSS radio component
The Spectrum CSS underlay 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 picker component
ECL EC Breadcrumb
The Spectrum CSS calendar component
Official React components built for React and Tailwind CSS
The Spectrum CSS slider component
All React components from the Amsterdam Design System. Use it to compose pages in your website or application.
The Spectrum CSS Tree view component
The Spectrum CSS fieldlabel component
A Linear inspired Chakra UI theme
ECL EC Buttons
Contributed React components for the NEXT UI Kit.
Utility-first CSS for the future
Styles to display tabular data for marketing websites at GitHub.
ECL EC Timeline
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
Legacy version of Primer CSS. Based on 15.2.0
Yamada UI core
The Spectrum CSS stepper component
OE - BCL link
All design tokens from the Amsterdam Design System. Use it to apply its visual design to your website or application.
ECL Form Labels
The Spectrum CSS dropzone component
Saas UI Dropzone Component for Chakra UI
Authentication provider and components for Chakra UI
The Spectrum CSS avatar component
ECL EC Form checkbox
The Spectrum CSS tabs component
OE - BCL theme default
ECL DOM utilities
ECL EC Form group
A ZenithUi Time Picker is React component enables users to select a time from a predefined list of options.
Description text to help the user know what to do.
Web component implementation of a Spectrum design AlertBanner
Implementation of Planview Design system toolbar
**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
ECL EC Description List
ECL EC Date block Specs
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
⚡ Ultra-lightweight React component library with design tokens, multi-brand theming, and TypeScript support. Zero heavy dependencies - perfect for production apps.
ECL Icons -> EC flavor
ECL EC Footer Core Specs
NorthStar Design System v2
ECL Search form
ECL EC Dropdown Legacy Specs
ECL EC Skip link Specs
ECL EC Breadcrumb Core
The Spectrum CSS breadcrumb component
ECL EC Page Header Standardised Specs
Implementation of Planview Design system form
A React component library by QuestionPro for building web applications with ease
UI components from Wonderflow's Wanda design system
Resources, components, design guidelines and tooling for Mindvalley's design system
Web component implementation of a Spectrum design Breadcrumbs
The Spectrum CSS Pagination component
A design system for Appscode websites and dashboards made using Bulma
A collection of Swiss Post icons intended for use with the Design System.
HugeIcons Pro React Component Library https://hugeicons.com (Demo Version)
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.
Implementation of Planview Design system grid components
OE - BCL spinner
ECL EC Blockquote Specs
Float Design System with email components and theme system
Agroptima design system
OE - BCL button
EC Footer
EC Language list
Implementation of Planview Design system details panel
A Vue 3 UI Component Library
Wanda design system shared configurations
ECL EC Card Specs
ECL EC Footer Specs
Design System Styles for the Swiss Post web platform.
A universal & performant styling library for React Native, Next.js & React
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.
Wanda's symbols
ECL EC Search Form Specs
React Native components for Factorial One Design System
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 Text Input Specs
ECL EC Site header
Web component implementation of a Spectrum design ColorField
ECL EC Social Media Share
The React implementation of the Oxygen Design System
Basic UI React Component Kit for Zomato
ECL EC Accordion
ECL EC Breadcrumb Harmonised
ECL EC Language List Specs
ECL EC Page Header Specs
ECL EC Media container Specs
Type-safe, composable styling system for React, Vue, Svelte, and vanilla JS
ECL EC Social Media Follow
ECL EC Link Specs
Implementation of Planview Design system filter components
Consta — дизайн-система для разработки интерфейсов, написана на [React](https://reactjs.org/), сделана и поддерживается в «Газпром нефти».
ECL EC Tag Specs
ECL EC Typography
Yamada UI providers
🐻 Kuma UI is a utility-first, zero-runtime CSS-in-JS library that offers an outstanding developer experience and optimized performance.
ECL tags
ECL EC Breadcrumb Specs
ECL EC Hero Banner Specs
The Spectrum CSS close button component
A modern, customizable React/Next.js component library
EC Footer Standardised
ECL EC Timeline Specs
ECL Datepicker Specs
ECL EC Social Media Share Specs
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.
Web component implementation of a Spectrum design Combobox
ECL Gallery
ECL EC Contextual Navigation
A comprehensive design system built with React, TypeScript, and styled-components. Includes Label, Description, Input, TextField, Checkbox components with dynamic trailing icons and responsive design tokens.
ECL icons
🐻 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.
Hugeicons React Native Free Component Library https://hugeicons.com
In house component library for SurveySparrow
🐻 Kuma UI is a utility-first, zero-runtime CSS-in-JS library that offers an outstanding developer experience and optimized performance.
ECL EC In-page navigation
ECL Skip link
ECL EC Dropdown Legacy
ECL EC Site Header Specs
react button and buttongroup components with multiple variants, appearances, sizes, radius options, icons, ripple feedback, and fully typed typescript support
ECL EC Site Header Core Specs
ECL EC Site Header Harmonised Specs
A modern, accessible, and customizable React component library built with Tailwind CSS by [Uprock](https://uprock.com).
ECL EC Breadcrumb Harmonised Specs
ECL Icon Specs
ECL EC File
ECL EC Expandable
A lightweight front-end framework for building accessible, bespoke interfaces.
A ZenithUi Time Picker is React component enables users to select a date or date range from calendar.
3MO Design Library to build business-suite web applications
Web component implementation of a Spectrum design Truncated
A modern, framework-agnostic UI component library built with Lit and Web Components
ECL EU preset
Chakra UI CommandBar Component
Wanda design system themes
ECL EC Page Header Core
OE - BCL Form
ECL EC Select Specs
ECL EC Accordion Specs
ECL EC Hero Banner
ECL EC Page Header Harmonised Specs
🐻 Kuma UI is a utility-first, zero-runtime CSS-in-JS library that offers an outstanding developer experience and optimized performance.
Basis Design System