awesome-repositories.com
Blog
awesome-repositories.com

Descoperă cele mai bune repository-uri open source cu căutare AI.

ExploreazăCăutări recomandateAlternative open-sourceSoftware self-hostedBlogHartă site
ProiectDespreCum realizăm clasamentulPresăServer MCP
LegalConfidențialitateTermeni
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

Pill identification database

Clasament actualizat la 19 iul. 2026

For pill components, the strongest matches are segmentio/evergreen (Evergreen is a comprehensive React UI component library that), react-bootstrap/react-bootstrap (React Bootstrap provides a comprehensive suite of UI components) and alibaba-fusion/next (This enterprise-grade React component library includes a comprehensive set). mui/material-ui and microsoft/fluentui round out the shortlist. Each is ranked by relevance to your query, popularity and recent activity.

Find the best open-source pill identification databases. Compare top repositories by data accuracy and search features to find the right fit for your app.

Pill identification database

Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
  • segmentio/evergreenAvatar segmentio

    segmentio/evergreen

    12,424Vezi pe GitHub↗

    Evergreen is a React UI component library and design system framework. It provides a collection of pre-styled, accessible interface elements used to build consistent web applications. The library functions as a server-side rendered UI kit, allowing components to generate HTML on the server to improve page load speeds and search engine visibility. It includes a centralized styling layer for managing colors, typography, and spacing through custom UI theming. The framework covers accessible web design and enterprise interface design, utilizing a token-based styling system to maintain a uniform

    Evergreen is a comprehensive React UI component library that includes a dedicated Badge component for status indicators and tagging, alongside robust support for accessibility, theming, and design system documentation.

    JavaScriptAccessible UI ComponentsDesign SystemsReact Components
    Vezi pe GitHub↗12,424
  • react-bootstrap/react-bootstrapAvatar react-bootstrap

    react-bootstrap/react-bootstrap

    22,608Vezi pe GitHub↗

    React Bootstrap is a frontend component framework and responsive UI kit that translates the Bootstrap CSS framework into a React-based component architecture. It provides a collection of reusable, pre-styled interface elements and grid systems designed for consistent, responsive web development. The library distinguishes itself by wrapping raw HTML markup in React components to manage accessibility and stateful behaviors. It utilizes a centralized theme provider to propagate global configuration and breakpoints, while employing portal-based rendering for overlays to prevent clipping issues.

    React Bootstrap provides a comprehensive suite of UI components, including a dedicated Badge component that functions as a pill or status indicator, while offering full React support, accessibility features, and extensive documentation.

    TypeScriptDesign SystemsReact ComponentsDesign System
    Vezi pe GitHub↗22,608
  • alibaba-fusion/nextAvatar alibaba-fusion

    alibaba-fusion/next

    4,681Vezi pe GitHub↗

    This project is an enterprise design system and web interface framework that provides a React component library for building consistent user experiences. It serves as a design-to-code workflow bridge, synchronizing product design tools with frontend implementation to accelerate development speed. The framework focuses on design-to-code synchronization and the construction of enterprise design systems. It enables the standardization of visual components and the composition of complex web and mobile screens using unified interface elements and layout patterns. The library implements a design-t

    This enterprise-grade React component library includes a comprehensive set of UI elements, including badge and tag components, alongside robust documentation and design system support for building accessible, customizable interfaces.

    TypeScriptDesign SystemsReact UI Component Libraries
    Vezi pe GitHub↗4,681
  • mui/material-uiAvatar mui

    mui/material-ui

    98,459Vezi pe GitHub↗

    Material UI is a comprehensive component-based library designed to accelerate the construction of professional, accessible web interfaces. It provides a centralized design system framework that manages visual tokens, typography, and color palettes to ensure consistent branding and layout constraints across complex application architectures. By encapsulating behavioral and accessibility logic within modular primitives, the library enables developers to build inclusive user experiences that adhere to rigorous design standards. The project distinguishes itself through a zero-runtime styling engi

    Material UI is a comprehensive React component library that includes a dedicated Chip component for badges and pills, fully supported by extensive documentation, accessibility standards, and deep styling customization.

    JavaScriptAccessible Component LibrariesAccessible Component SuitesDesign System
    Vezi pe GitHub↗98,459
  • microsoft/fluentuiAvatar microsoft

    microsoft/fluentui

    20,063Vezi pe GitHub↗

    Fluent UI is a design system framework and TypeScript UI toolkit providing a comprehensive set of styles and accessibility guidelines. It functions as a React UI component library and a web component library, offering a collection of pre-styled elements and layout utilities to create a cohesive visual experience across web platforms. The project translates a brand design language into a functional library of reusable components, ensuring cross-product visual consistency. It enables the implementation of design systems for enterprise web applications through the use of standardized visual and

    Fluent UI is a comprehensive React-based design system that includes accessible badge and tag components, making it a flagship choice for building consistent enterprise interfaces.

    TypeScriptDesign SystemsReact Components
    Vezi pe GitHub↗20,063
  • arco-design/arco-designAvatar arco-design

    arco-design/arco-design

    5,625Vezi pe GitHub↗

    Arco Design is a React UI component library and design system framework used to build professional web interfaces. It provides a collection of pre-built visual elements and layouts designed to maintain a consistent design language across applications. The system features a token-based theming engine that utilizes hierarchical design variables and CSS variables to enable granular visual customization. This allows for the modification of global and component-level styles through a dedicated theme editor or loader to align the interface with specific brand identities. The framework supports ent

    Arco Design is a comprehensive React UI component library that includes a dedicated badge component, extensive design system documentation, and a robust theming engine for full style customization.

    TypeScriptDesign SystemsReact ComponentsReact UI Component Libraries
    Vezi pe GitHub↗5,625
  • adobe/react-spectrumAvatar adobe

    adobe/react-spectrum

    15,567Vezi pe GitHub↗

    This project is a design system component library and adaptive UI framework based on Adobe's Spectrum design system. It provides a collection of accessible React components designed to create consistent user experiences through a standardized set of adaptive and themeable interface elements. The framework features a responsive scale system that automatically optimizes touch targets and component sizing for mobile and desktop contexts. It is built as a tree-shakable library, allowing for the import of only the specific components used to minimize the final JavaScript and CSS bundle size. The

    This is a comprehensive React-based design system that includes accessible badge and status components, making it a perfect fit for your requirements.

    TypeScriptAccessible ComponentsReact Components
    Vezi pe GitHub↗15,567
  • radix-ui/design-systemAvatar radix-ui

    radix-ui/design-system

    2,279Vezi pe GitHub↗

    This project is a React-based UI framework that serves as a foundation for building scalable and accessible web interfaces. It provides a collection of pre-styled components and layout containers designed to standardize visual language and component behavior across applications. The library utilizes a composition-based architecture, allowing developers to nest single-purpose primitives to construct complex interface patterns. By mapping these building blocks directly to semantic HTML elements and employing a prop-forwarding pattern, the system ensures that standard browser behaviors, keyboard

    This React-based design system provides a robust foundation of accessible, composable primitives that allow you to build custom badge and pill components while adhering to semantic HTML standards.

    TypeScriptAccessible ComponentsReact UI Component LibrariesAccessible Component Libraries
    Vezi pe GitHub↗2,279
  • douyinfe/semi-designAvatar DouyinFE

    DouyinFE/semi-design

    10,017Vezi pe GitHub↗

    Semi Design is a React UI component library and design token system used to build web application frontends. It provides a collection of pre-built interface elements and a framework of visual constants to maintain consistent branding across a product. The project features a design-to-code workflow that converts visual design drafts into production-ready React code and stylesheets. It includes an internationalization framework for adapting interfaces to different languages and text layouts, as well as a web component wrapper to isolate UI elements for use in SDKs and browser plugins. The libr

    Semi Design is a comprehensive React UI component library that includes a dedicated badge component, extensive design system documentation, and robust support for accessibility and theme customization.

    TypeScriptDesign SystemsReact Components
    Vezi pe GitHub↗10,017
  • grommet/grommetAvatar grommet

    grommet/grommet

    8,354Vezi pe GitHub↗

    Grommet is a React UI framework and accessible component library designed for building themed user interfaces. It provides a responsive design system and a themed interface toolkit to ensure inclusive user experiences across various screen sizes and device orientations. The framework emphasizes accessible UI development by providing pre-styled elements that follow web accessibility standards for screen readers and keyboard navigation. It enables the implementation of custom themes through a centralized system that manages visual styles and design tokens. The toolkit covers responsive web des

    Grommet is a comprehensive React UI framework that includes a dedicated Badge component, robust accessibility support, and a centralized theming system for full style customization.

    JavaScriptReact ComponentsAccessible Component Libraries
    Vezi pe GitHub↗8,354
  • elastic/euiAvatar elastic

    elastic/eui

    6,337Vezi pe GitHub↗

    EUI is a React UI component library and design system framework. It provides a collection of reusable, typed interface components and visual guidelines to ensure a unified user experience across web application layouts. The project functions as a themed UI toolkit, enabling the management of visual aesthetics and the ability to toggle between light and dark modes. It incorporates a CSS-in-JS styling library for defining custom styles and rulesets for individual application elements. The framework covers broad capability areas including design system implementation, custom interface styling,

    This is a comprehensive React-based design system that includes a dedicated badge component and robust documentation, making it a perfect fit for your UI requirements.

    TypeScriptDesign SystemsReact Components
    Vezi pe GitHub↗6,337
  • palantir/blueprintAvatar palantir

    palantir/blueprint

    21,836Vezi pe GitHub↗

    Blueprint is a React UI component library and web design system focused on accessibility and the creation of data-dense interfaces. It provides a standardized framework of visual styles and reusable interface elements for building professional desktop applications. The toolkit is specifically optimized for displaying complex information and large datasets, featuring high-performance interactive data grids for rendering and manipulating data. The library covers a broad range of capability areas, including the construction of form inputs, navigation systems, and content layout management. It a

    Blueprint is a comprehensive React UI component library that includes dedicated Tag and Badge components, full design system documentation, and a strong focus on accessibility and customizable styling.

    TypeScriptDesign SystemsReact Components
    Vezi pe GitHub↗21,836
  • skeletonlabs/skeletonAvatar skeletonlabs

    skeletonlabs/skeleton

    5,989Vezi pe GitHub↗

    Skeleton is a design system and accessible UI component library built on Tailwind CSS. It provides a collection of pre-built interactive components with built-in accessibility and state management, alongside a CSS custom properties theme engine that enables runtime theme switching and dark mode support. The project distinguishes itself through its adaptive design system approach, using CSS custom properties to create themeable tokens that integrate directly with Tailwind's utility-first framework. This allows developers to build visual design systems with customizable colors, fonts, and aesth

    Skeleton is a comprehensive UI component library built on Tailwind CSS that includes badge and pill components, offering robust accessibility and deep customization through its theme engine.

    TypeScriptAccessible ComponentsAccessible UI ComponentsDesign Systems
    Vezi pe GitHub↗5,989
  • primefaces/primereactAvatar primefaces

    primefaces/primereact

    8,323Vezi pe GitHub↗

    PrimeReact is a comprehensive UI component library for building interactive user interfaces with React. It provides an accessible component suite, a form input framework, and a data visualization toolkit designed to meet accessibility standards through built-in keyboard navigation and focus management. The library features a themed design system that allows for visual customization via pre-defined skin sets or an unstyled mode. This unstyled mode decouples component behavior and accessibility logic from the presentation layer, enabling the implementation of custom corporate design systems. C

    PrimeReact is a comprehensive React UI library that includes dedicated Badge and Tag components, full design system documentation, and extensive support for custom styling and accessibility.

    CSSReact ComponentsAccessible Component Suites
    Vezi pe GitHub↗8,323
  • zendeskgarden/react-componentsAvatar zendeskgarden

    zendeskgarden/react-components

    1,110Vezi pe GitHub↗

    This project is a comprehensive design system framework and component library built for React. It provides a suite of modular, accessible, and themeable interface elements designed to maintain a unified visual language and brand alignment across complex web applications. By encapsulating interaction logic and styling within individual components, it enables developers to build consistent, responsive interfaces through declarative composition. The library distinguishes itself by prioritizing inclusive user experiences through built-in accessibility management, including standardized keyboard n

    This is a comprehensive React-based design system that includes accessible badge and tag components, making it a direct match for your requirements.

    TypeScriptAccessible UI ComponentsReact UI Component Libraries
    Vezi pe GitHub↗1,110
  • radix-ui/primitivesAvatar radix-ui

    radix-ui/primitives

    18,642Vezi pe GitHub↗

    Primitives is a library of unstyled, accessible building blocks designed for creating complex interface elements in React. It functions as a headless component framework, providing the underlying logic, state management, and accessibility compliance while leaving all visual styling and design decisions entirely to the developer. The library distinguishes itself through a composition-based architecture that allows developers to build interactive interfaces by nesting small, single-purpose components. This system automatically handles complex requirements such as WAI-ARIA attribute injection, f

    This is a headless UI component library that provides the accessible foundation for building custom badges and pills, though you will need to apply your own CSS styling as it focuses exclusively on logic and accessibility.

    TypeScriptAccessible UI ComponentsReact ComponentsAccessible Component Libraries
    Vezi pe GitHub↗18,642
  • tamagui/tamaguiAvatar tamagui

    tamagui/tamagui

    13,729Vezi pe GitHub↗

    Tamagui is a cross-platform user interface framework designed to build high-performance, themeable applications that share logic and styling across web and mobile environments. It functions as a comprehensive design system orchestrator, providing a collection of type-safe components that compile to optimized atomic CSS for the web and native code for mobile platforms. By utilizing a build-time compiler, the framework eliminates runtime overhead, ensuring consistent visual output and interaction behavior regardless of the target platform. The framework distinguishes itself through its advanced

    Tamagui is a comprehensive React-based design system that includes highly customizable badge and pill components, full documentation, and robust support for accessibility and cross-platform styling.

    TypeScriptDesign SystemsReact Components
    Vezi pe GitHub↗13,729
  • chakra-ui/park-uiAvatar chakra-ui

    chakra-ui/park-ui

    2,326Vezi pe GitHub↗

    Park UI is a collection of accessible, pre-styled interface components designed for consistent design across multiple JavaScript frameworks. It functions as a cross-framework user interface kit that provides functional logic and styling hooks for building inclusive web applications. The library utilizes a headless component architecture that delegates state and accessibility logic to a decoupled engine, allowing for flexible styling. By employing a framework-agnostic approach, it ensures that interface elements maintain a unified design language and reliable behavior across various developmen

    Park UI provides a robust collection of accessible, headless components including badges that can be easily styled, making it a strong fit for building a design system with React support.

    TypeScriptAccessible UI ComponentsAccessible Component LibrariesARIA Attribute Injection
    Vezi pe GitHub↗2,326
  • heroui-inc/herouiAvatar heroui-inc

    heroui-inc/heroui

    29,684Vezi pe GitHub↗

    HeroUI is a declarative toolkit for building accessible user interfaces through modular, React-based component composition. It provides a comprehensive set of reusable building blocks designed to standardize visual language and interaction patterns across web and mobile applications. The library distinguishes itself through an integrated approach to accessibility and styling. It automatically manages state and keyboard interactions by injecting appropriate attributes, while utilizing a utility-driven styling architecture to enforce design system consistency. Developers can leverage polymorphi

    HeroUI is a comprehensive React-based component library that includes accessible badge and pill components as part of its design system, offering the exact styling and customization features requested.

    MDXAccessible Component Libraries
    Vezi pe GitHub↗29,684
  • material-components/material-componentsAvatar material-components

    material-components/material-components

    1,095Vezi pe GitHub↗

    Material Components is a cross-platform user interface framework and design system library that provides a collection of reusable interface elements. It is built to ensure consistent visual identity and interaction patterns across diverse web and mobile environments by utilizing shared design tokens and standardized development guidelines. The project distinguishes itself through a modular architecture that allows for the independent integration or extension of individual interface components. It supports both native and cross-platform implementations, enabling developers to maintain a unifie

    This is a comprehensive design system and UI component library that includes standard badge and chip components, full documentation, and support for cross-platform implementation including React.

    Design System
    Vezi pe GitHub↗1,095
  • geist-org/reactAvatar geist-org

    geist-org/react

    4,550Vezi pe GitHub↗

    This project is a React UI component library and frontend UI kit designed to provide a collection of pre-styled user interface elements. It serves as a design system framework, offering standardized visual patterns to ensure a cohesive look and feel across different screens. The library focuses on design system implementation and frontend component architecture, allowing for the creation of modern websites and applications. It integrates directly into a React application workflow to accelerate the development of complex web layouts. The system utilizes a component-based abstraction and compo

    This is a comprehensive React UI component library that includes badge and tag components as part of its design system, offering the styling and accessibility features required for modern interface development.

    TypeScriptDesign SystemsReact UI Component Libraries
    Vezi pe GitHub↗4,550
  • reach/reach-uiAvatar reach

    reach/reach-ui

    5,977Vezi pe GitHub↗

    Reach UI is an open-source library of accessible, low-level React components designed to serve as a foundation for building design systems and interactive user interfaces. It is an accessibility-first toolkit that handles core concerns like ARIA attributes, focus management, and screen reader support automatically, without requiring developer configuration. The library is built as a collection of standalone packages, each managing its own lifecycle and dependencies, enabling granular adoption and tree-shaking. Components use a polymorphic rendering pattern, accepting an as prop to render as

    Reach UI provides a robust, accessibility-first foundation for building design systems in React, though it focuses on complex interactive primitives rather than providing a pre-styled "pill" or "badge" component out of the box.

    TypeScriptAccessible UI ComponentsAccessible Component LibrariesARIA Attribute Injection
    Vezi pe GitHub↗5,977
  • gluestack/gluestack-uiAvatar gluestack

    gluestack/gluestack-ui

    4,931Vezi pe GitHub↗

    gluestack-ui is a cross-platform React component library built with Tailwind CSS. It provides over 30 pre-built, accessible components that can be installed by copying their source files directly into a project, giving developers full control over customization without external runtime dependencies. Every component implements WAI-ARIA patterns, keyboard navigation, and screen reader support out of the box. A key differentiator is the copy-paste architecture: rather than a traditional package dependency, component source code is placed in the project, allowing direct editing and eliminating ve

    This is a comprehensive React UI component library that includes a dedicated badge component, full design system documentation, and a focus on accessibility and deep customization through its copy-paste architecture.

    TypeScriptAccessible UI ComponentsReact Components
    Vezi pe GitHub↗4,931
  • ariakit/ariakitAvatar ariakit

    ariakit/ariakit

    8,573Vezi pe GitHub↗

    Ariakit is a headless component library and accessible UI component toolkit. It provides a set of unstyled web components with built-in accessibility patterns to ensure that screen readers and keyboard navigation function correctly. The project includes an adaptive color engine that calculates high-contrast text and dynamic surface colors for light and dark modes. It also features a concentric layout engine for computing nested padding, margins, and border radii for circular interface elements, alongside a design token system for managing global CSS variables. The toolkit covers broad capabi

    Ariakit is a headless UI component library that provides the accessible primitives needed to build custom badge or pill components, though it focuses on functional patterns rather than providing pre-styled visual components out of the box.

    TypeScriptAccessible UI ComponentsAccessible Component LibrariesAccessible Component Suites
    Vezi pe GitHub↗8,573
  • mantinedev/mantineAvatar mantinedev

    mantinedev/mantine

    31,263Vezi pe GitHub↗

    Mantine is a comprehensive component library for building accessible and responsive web applications. It provides a foundational set of UI elements and layout primitives, anchored by a base component that supports consistent styling, spacing, and layout properties across the entire interface. The library is built on a design-driven theme engine that uses a provider-based system to propagate global design tokens and color schemes throughout an application. The library distinguishes itself through a robust architecture that emphasizes component composition and reusable interaction logic. It uti

    Mantine is a comprehensive React component library that includes dedicated Badge and Chip components, extensive documentation, and a robust theme engine for fully customizable, accessible styling.

    TypeScriptBadges
    Vezi pe GitHub↗31,263
  • tailwindlabs/headlessuiAvatar tailwindlabs

    tailwindlabs/headlessui

    28,619Vezi pe GitHub↗

    Headless UI is a headless component library and accessible UI component kit that provides logic-only interface elements. It functions as a state-driven UI framework designed to provide functionality without prescribing any specific visual styles. The library is specifically designed for integration with Tailwind CSS, enabling the implementation of custom design systems. It allows users to apply visual styles to components based on whether they are active, selected, or open. The project covers the development of accessible UI components that meet ARIA standards and include built-in keyboard n

    This is a headless UI component library that provides the accessible logic and state management required to build custom components, though it requires you to implement the visual "pill" or "badge" styling yourself using Tailwind CSS.

    TypeScriptAccessible UI ComponentsAccessible Component Suites
    Vezi pe GitHub↗28,619
  • ant-design/ant-designAvatar ant-design

    ant-design/ant-design

    98,362Vezi pe GitHub↗

    Ant Design is an enterprise-grade component library and design system framework built for developing complex, data-heavy web applications. It provides a comprehensive collection of pre-built, state-driven interface elements that map data properties to rendered components, ensuring consistent interaction patterns and visual language across large-scale projects. The library distinguishes itself through a robust styling architecture that utilizes design tokens and hierarchical configuration providers to propagate global settings like themes, locale, and layout direction. By employing component-l

    Ant Design is a comprehensive enterprise-grade UI library that includes robust badge and tag components, full React support, and extensive documentation for building consistent design systems.

    TypeScriptComponent LibrariesButtonsDesign Tokens
    Vezi pe GitHub↗98,362
  • shadcn-ui/uiAvatar shadcn-ui

    shadcn-ui/ui

    116,724Vezi pe GitHub↗

    shadcn/ui offers a collection of React UI components and a CLI-driven registry system for direct source code integration.

    This library provides a comprehensive set of accessible, highly customizable React components, including a dedicated badge component that perfectly fits your requirements for tagging and status indicators.

    TypeScriptData TablesAssistant Skill IntegrationsButton Groups
    Vezi pe GitHub↗116,724
  • chakra-ui/chakra-uiAvatar chakra-ui

    chakra-ui/chakra-ui

    40,438Vezi pe GitHub↗

    Chakra UI is a design system component library and styling framework that provides a foundation for building consistent, accessible web interfaces. It functions as a centralized theme configuration engine, using a design-token-driven architecture to manage visual properties like color palettes and spacing rules as a single source of truth across an entire application. The framework distinguishes itself through a type-safe styling utility that automatically generates TypeScript definitions from theme configurations, ensuring accurate property referencing and editor autocompletion. It employs a

    Chakra UI is a comprehensive React component library that includes accessible badge and tag components, full design system documentation, and deep customization options via its token-driven styling engine.

    TypeScriptDesign System ImplementationsComponent Library ArchitecturesDesign Token Architectures
    Vezi pe GitHub↗40,438
  • cloudscape-design/componentsAvatar cloudscape-design

    cloudscape-design/components

    2,602Vezi pe GitHub↗

    This package contains the source code of the React components for the Cloudscape Design System.

    This is a comprehensive React-based design system that includes accessible badge and status indicator components, providing the full documentation and styling customization required for professional UI development.

    TypeScriptUI Component Libraries
    Vezi pe GitHub↗2,602
  • react95/react95Avatar React95

    React95/React95

    3,789Vezi pe GitHub↗

    React95 is a React component library and retro UI framework designed to replicate the visual aesthetic and interaction patterns of classic nineties desktop operating systems. It provides a collection of reusable user interface elements and a nostalgic interface library for constructing web layouts that mimic the windowing behavior of vintage computer systems. The project functions as a CSS-in-JS design system, using a centralized set of visual tokens to ensure consistent retro styling without the need for external stylesheets. It operates as a frontend design system that provides the necessar

    This is a React-based UI component library that provides a variety of reusable interface elements, though its badge or pill components are styled specifically to match a retro Windows 95 aesthetic rather than a modern design system.

    TypeScriptReact ComponentsReact UI Component Libraries
    Vezi pe GitHub↗3,789
  • creativetimofficial/material-tailwindAvatar creativetimofficial

    creativetimofficial/material-tailwind

    4,359Vezi pe GitHub↗

    Material Tailwind is a responsive web UI framework and component library built with Tailwind CSS. It provides a customizable design system that implements Material Design principles for web applications. The project focuses on a customizable design system, allowing for centralized theme configuration and utility-based styling to maintain visual consistency across interfaces. The library includes a wide range of reusable interface elements, covering layout structures, navigation systems, and overlay components. It provides specialized tools for web form construction, data input controls, and

    This library provides a comprehensive set of React-based UI components, including the requested badge and pill elements, within a customizable design system built on Tailwind CSS.

    TypeScriptBadge ComponentsChipsDesign Systems
    Vezi pe GitHub↗4,359
  • themesberg/flowbiteAvatar themesberg

    themesberg/flowbite

    9,283Vezi pe GitHub↗

    Flowbite is a cross-framework UI library and design system built as a collection of pre-styled components and layout blocks using Tailwind CSS utility classes. It functions as a TypeScript UI toolkit and a general web framework for creating responsive websites and applications. The project provides a mirroring Figma design system to allow prototyping of components and variants before they are coded. It distinguishes itself through an AI-driven approach to page generation and the creation of design specifications via a command-line interface. The library covers a wide range of interactive int

    Flowbite is a comprehensive UI library built on Tailwind CSS that includes the requested badge and pill components, along with extensive design system documentation and support for various web frameworks.

    HTMLBadge ComponentsReact Components
    Vezi pe GitHub↗9,283
  • saadeghi/daisyuiAvatar saadeghi

    saadeghi/daisyui

    41,125Vezi pe GitHub↗

    This project is a utility-first component library that provides a comprehensive suite of pre-styled, reusable interface elements. It functions as a build-time engine that generates design-system-compliant styles by mapping semantic tokens to standard HTML elements and utility classes. By compiling all component styles into static CSS at build time, the library eliminates the need for client-side style calculation, ensuring efficient performance. The library distinguishes itself through a configuration-driven architecture that manages color palettes and visual styles, enabling dynamic switchin

    This library provides a wide range of pre-styled UI components, including badges and pills, that integrate seamlessly with Tailwind CSS to offer a highly customizable and accessible design system.

    SvelteDesign Systems
    Vezi pe GitHub↗41,125
  • jgthms/bulmaAvatar jgthms

    jgthms/bulma

    50,074Vezi pe GitHub↗

    Bulma is a design-agnostic CSS framework that provides a collection of pre-styled interface components and layout primitives. It is built to be independent of specific JavaScript frameworks or build tools, allowing developers to construct responsive web interfaces by applying standardized classes directly to semantic HTML markup. The framework distinguishes itself through a utility-first approach that combines modular component styling with a flexible grid system. It leverages native CSS variables to manage design tokens, enabling real-time visual customization, automatic dark mode adaptation

    Bulma is a CSS-based UI component library that includes a dedicated badge component and provides a comprehensive set of pre-styled elements, though you will need to implement your own React-specific wrappers to integrate it into a React project.

    CSSDesign Systems
    Vezi pe GitHub↗50,074
  • zdhxiong/mduiAvatar zdhxiong

    zdhxiong/mdui

    4,517Vezi pe GitHub↗

    mdui is a framework-agnostic UI library and design system based on Material Design 3 standards. It provides a comprehensive set of reusable interface elements implemented as native Web Components, ensuring compatibility across different JavaScript frameworks. The library features a sophisticated theming system that supports light and dark modes, as well as the ability to generate dynamic color palettes from seed colors or image sources. It distinguishes itself with a high level of flexibility in visual customization, using CSS custom properties to control design tokens such as typography, cor

    This is a comprehensive Material Design 3 component library that provides badge and chip components, and while it uses Web Components rather than native React components, it remains fully compatible with React applications.

    TypeScriptChipsTheme Style Customizations
    Vezi pe GitHub↗4,517
  • knadh/oatAvatar knadh

    knadh/oat

    3,394Vezi pe GitHub↗

    Oat is a CSS variable-driven UI kit and semantic HTML component library that styles native HTML elements and attributes contextually, eliminating the need for CSS classes and reducing markup bloat. It provides a complete theming system where all visual properties are defined as CSS custom properties, allowing dark mode toggling and custom color themes by setting a single data attribute on the root element. The library delivers interactive UI elements as zero-dependency WebComponents that require no framework, build tool, or external library, while also offering declarative scroll animations t

    Oat is a CSS variable-driven UI library that provides "chips" and status indicators as native WebComponents, offering a lightweight, framework-agnostic alternative to traditional React-based component systems.

    CSSChips
    Vezi pe GitHub↗3,394
  • tabler/tablerAvatar tabler

    tabler/tabler

    41,180Vezi pe GitHub↗

    Tabler is a comprehensive UI framework designed for building responsive, data-heavy administrative panels and enterprise web applications. It provides a unified collection of pre-styled components and layout patterns that allow developers to construct complex dashboard interfaces using a consistent design system. The project distinguishes itself through a metadata-driven approach to interactivity, where complex component behaviors and state transitions are initialized by parsing configuration attributes directly from HTML elements. This allows for the creation of interactive interfaces withou

    Tabler provides a comprehensive set of UI components including status visualization elements that function as badges, though it is primarily a Bootstrap-based HTML/CSS framework rather than a native React library.

    HTMLDesign Systems
    Vezi pe GitHub↗41,180
  • coreui/coreui-free-react-admin-templateAvatar coreui

    coreui/coreui-free-react-admin-template

    4,940Vezi pe GitHub↗

    This project is a React-based administrative template and UI kit designed for building dashboards. It provides a comprehensive collection of pre-styled layouts, an accessible component library, and a Sass-based UI framework for creating administrative interfaces. The template is specifically structured as an AI-optimized project, utilizing coding patterns and organization designed to help AI assistants generate consistent, production-ready React code. It features a flexible styling system using Sass variables and CSS custom properties to support customizable light and dark themes. The kit co

    This project provides a comprehensive React-based UI kit and administrative template that includes badge and pill components as part of its accessible, customizable design system.

    JavaScriptReact UI Component LibrariesChip Groups
    Vezi pe GitHub↗4,940
  • picturepan2/spectreAvatar picturepan2

    picturepan2/spectre

    11,317Vezi pe GitHub↗

    Spectre is a comprehensive CSS framework and UI utility toolkit designed for building responsive web interfaces. It functions as a CSS component library that provides pre-styled interface elements and helper classes to facilitate frontend UI development. The framework is distinguished by a pure-CSS component architecture that avoids dependence on external JavaScript runtimes. It utilizes a SASS-based build pipeline that supports class prefixing, stylesheet pruning, and a variable-based theme system for creating custom design systems. The project covers a wide range of layout and interface ca

    Spectre provides a collection of pre-styled CSS components including labels and badges that function as pills, though it lacks native React support as it is a pure-CSS framework.

    CSSChips
    Vezi pe GitHub↗11,317
  • mdbootstrap/mdb-ui-kitAvatar mdbootstrap

    mdbootstrap/mdb-ui-kit

    24,256Vezi pe GitHub↗

    The mdb-ui-kit is a frontend component library and visual extension that combines the Bootstrap 5 framework with Material Design principles. It provides a collection of pre-styled interface elements and responsive web templates to facilitate the development of consistent web applications. The toolkit extends the Bootstrap ecosystem by adding Material Design aesthetics and advanced styling options. It enables rapid prototyping through the use of pre-configured design blocks and provides mechanisms for deep visual customization via SCSS variables and native CSS custom properties, including supp

    This is a comprehensive UI component library that includes badge and pill elements as part of its Material Design-extended Bootstrap framework, offering the styling and documentation needed for consistent interface development.

    SCSSTheme Style Customizations
    Vezi pe GitHub↗24,256
  • coreui/coreui-free-bootstrap-admin-templateAvatar coreui

    coreui/coreui-free-bootstrap-admin-template

    12,220Vezi pe GitHub↗

    CoreUI Free Bootstrap Admin Template is a pre-built, responsive admin dashboard template built on Bootstrap 5 for constructing back-office interfaces. It provides a library of UI components with native wrappers for React, Vue, and Angular applications, alongside a Sass-based theming system for managing brand colors, dark mode, and design tokens via variables and CSS custom properties. The template includes a set of advanced form controls such as autocomplete, date pickers, and multi-step wizards with built-in validation, and supports switching the entire interface between built-in dark and li

    This repository provides a comprehensive UI component library that includes pill and badge components, along with React support and extensive customization options through CSS variables.

    HTMLAdmin Dashboard TemplatesAdmin Layout Responsive AdaptersAdaptive Layout Systems
    Vezi pe GitHub↗12,220
  • bopoda/aceAvatar bopoda

    bopoda/ace

    3,741Vezi pe GitHub↗

    Ace is a responsive admin template and UI component library built on Bootstrap 3. It provides a comprehensive framework for creating administrative dashboards with a grid-based layout system that adapts to various screen sizes. The project features a broad array of pre-styled layouts for administrative interfaces, including specialized page templates for user profiles, email clients, and real-time chat interfaces. It includes a configuration system for adjusting visual presentations through color skins and right-to-left mirroring support. The library covers a wide range of interface capabili

    Ace provides a collection of pre-styled UI components including status indicators and badges within an admin-focused framework, though it relies on Bootstrap 3 rather than modern React-based component architectures.

    HTMLAdmin Page TemplatesAdmin Dashboard GridsBootstrap Admin Templates
    Vezi pe GitHub↗3,741
  • bootflat/bootflat.github.ioAvatar bootflat

    bootflat/bootflat.github.io

    4,217Vezi pe GitHub↗

    Bootflat is a front-end component library and CSS framework extension that implements a flat-design aesthetic for web application styling. It provides a set of reusable interface elements and a mobile-first grid system to facilitate responsive web design. The project integrates design and development through a PSD-driven workflow, providing professional Photoshop component sets and curated color palettes for interface prototyping. Visual customization is handled via variable-based theme overrides for colors and fonts. The library covers a broad range of UI components, including form elements

    Bootflat provides a collection of UI components including navigation pills and status labels, though it is a CSS-based framework rather than a React-specific library.

    HTMLComponent-Based UI LibrariesBootstrap DevelopmentFlat Design CSS Libraries
    Vezi pe GitHub↗4,217
  • twbs/bootstrapAvatar twbs

    twbs/bootstrap

    174,380Vezi pe GitHub↗

    Bootstrap is a comprehensive, mobile-first CSS framework designed for building responsive web interfaces. It provides a standardized library of reusable UI components, such as navigation bars, modals, and forms, alongside a robust grid system that ensures consistent layout alignment across diverse viewport sizes. By establishing a baseline through browser normalization and standardized typography, the project enables developers to create accessible, cross-browser compatible web applications. The framework distinguishes itself through a modular Sass-based architecture that allows for deep cust

    Bootstrap is a comprehensive UI component library that includes built-in badge and pill components, extensive documentation, and robust accessibility features, though it requires additional wrappers or libraries for native React integration.

    MDXComponent-Based UI LibrariesResponsive CSS FrameworksResponsive Web Frameworks
    Vezi pe GitHub↗174,380
  • ionic-team/ionic-frameworkAvatar ionic-team

    ionic-team/ionic-framework

    52,539Vezi pe GitHub↗

    Ionic Framework is a cross-platform UI toolkit and hybrid app framework used to build native-quality mobile and progressive web applications using HTML, CSS, and JavaScript. It functions as a web component library that enables the deployment of a single codebase across iOS, Android, and the web. The framework features a platform-adaptive design system that automatically switches the visual style of components to match the design patterns of the host operating system. It utilizes a web-component-based architecture with CSS custom properties for global theming and specialized bindings to synchr

    Ionic is a comprehensive UI component library that includes badge components and supports React, providing a robust design system for cross-platform development.

    TypeScriptApp FrameworksCross-Platform UI ToolkitsAdaptive Styling
    Vezi pe GitHub↗52,539
  • invertase/react-native-material-designAvatar invertase

    invertase/react-native-material-design

    3,128Vezi pe GitHub↗

    This project is a cross-platform mobile user interface framework that provides a collection of pre-built components for applications developed with JavaScript. It functions as a standardized design system, enabling developers to implement professional visual interfaces and interactive elements that adhere to Google Material Design specifications. The library facilitates consistent visual styling across iOS and Android by utilizing a centralized object-based system to map design tokens to native view properties. By offering a set of reusable building blocks, it allows for the rapid assembly of

    This library provides a collection of Material Design-compliant UI components for React Native, including the requested badge and chip elements for status and tagging.

    JavaScriptCross-Platform UI FrameworksCross-Platform Mobile UI KitsMaterial Design Components
    Vezi pe GitHub↗3,128
  • markmead/hyperuiAvatar markmead

    markmead/hyperui

    12,137Vezi pe GitHub↗

    HyperUI is a dependency-free collection of responsive HTML layouts and pre-styled components designed for various web domains. It functions as a Tailwind CSS component library where users integrate standalone HTML snippets via a copy-paste distribution model to avoid package installation and framework overhead. The library features one-click markup copying from a pre-built component gallery. It includes specialized design systems, such as high-contrast neobrutalist styling with heavy borders, and visual tools for generating dark mode color palettes and harmonic typography scales. The compone

    HyperUI provides a collection of pre-styled Tailwind CSS components, including specific badge and pill elements, that you can easily integrate into your React projects via its copy-paste distribution model.

    HTMLUI Component LibrariesUtility-First StylingAdaptive UI Layouts
    Vezi pe GitHub↗12,137
  • davidhdev/react-bitsAvatar DavidHDev

    DavidHDev/react-bits

    41,207Vezi pe GitHub↗

    React-bits is a comprehensive toolkit for web development that combines a library of interactive motion primitives with a command-line interface for component management and AI-assisted coding. It provides a framework for implementing declarative motion states and specialized typography animations, allowing developers to build responsive, gesture-enabled interfaces that respond to user input. The project distinguishes itself through a remote registry system that allows for the direct injection of modular UI source code into local project directories. It also features a protocol-based bridge t

    This is a React-based UI component library that provides modular, copy-pasteable interactive components, though it focuses more on motion primitives and specialized animations than on standard status-indicator components like badges or pills.

    JavaScriptComponent Management ToolsComponent RegistriesMotion State Management
    Vezi pe GitHub↗41,207
  • material-components/material-components-webAvatar material-components

    material-components/material-components-web

    17,071Vezi pe GitHub↗

    This project is a framework-agnostic UI library and a collection of modular web components based on the Material Design visual system. It provides a comprehensive set of interactive interface elements and a responsive web grid system for organizing page content. The library utilizes a design token theme engine to apply consistent typography, colors, and visual styles across an interface. It separates behavioral logic from rendering to ensure that components remain compatible across different JavaScript environments. The system covers responsive layout design and web form interface developmen

    This is a comprehensive UI component library that implements the Material Design system, providing the requested badge and pill components alongside robust documentation and styling capabilities.

    TypeScriptMaterial Design ComponentsMaterial Design LibrariesCross-Framework Integration Utilities
    Vezi pe GitHub↗17,071
Compară top 10 dintr-o privire
RepositorySteleLimbajLicențăUltimul push
segmentio/evergreen12.4KJavaScriptMIT11 iun. 2025
react-bootstrap/react-bootstrap22.6KTypeScriptMIT16 iun. 2026
alibaba-fusion/next4.7KTypeScriptMIT22 iun. 2026
mui/material-ui98.5KJavaScriptMIT22 iun. 2026
microsoft/fluentui20.1KTypeScriptNOASSERTION23 iun. 2026
arco-design/arco-design5.6KTypeScriptMIT8 mai 2026
adobe/react-spectrum15.6KTypeScriptApache-2.023 iun. 2026
radix-ui/design-system2.3KTypeScriptMIT15 mar. 2024
douyinfe/semi-design10KTypeScriptNOASSERTION9 iun. 2026
grommet/grommet8.4KJavaScriptApache-2.016 iun. 2026

Related searches

  • UI component patterns
  • a library of ui badge components
  • componente UI declarative pentru Jetpack Compose
  • librărie de componente React folosind Mantine
  • a library of UI components for React
  • colecție de componente Tailwind CSS pre-construite
  • librărie de componente accesibile și ne stilizate pentru React
  • un sistem de design pentru construirea componentelor UI