awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
shadcn avatar

shadcn/ui

0
View on GitHub↗
116,798 stars·9,080 forks·TypeScript·MIT·26 viewsui.shadcn.com↗

Ui

This project is a collection of accessible user interface components designed for full developer ownership. It functions as a copy-paste UI framework and headless component kit, providing the logic and structure for interface elements without relying on traditional versioned library dependencies.

The system distributes source code directly to the user, allowing for the creation of a custom component library. It utilizes a distribution method where components are copied into the codebase, ensuring that the visual and functional implementation remains under the developer's control.

The toolkit integrates unstyled accessible primitives and uses utility-first styling to define visual appearances. It covers the development of accessible interfaces, rapid frontend prototyping, and the management of a cohesive design system through global theme mapping.

Features

  • Source-Owned Libraries - Enables the creation of a custom component library by distributing source code directly to the user.
  • Component Distribution CLIs - Implements a distribution model where components are installed via a CLI to ensure developer ownership of the source code.
  • Accessible Component Libraries - Ships a library of UI components optimized for screen reader compatibility and keyboard navigation.
  • Accessible UI Frameworks - Provides a framework for building web interfaces that adhere to strict accessibility standards.
  • Headless Primitives - Integrates unstyled accessible primitives to provide a functional foundation for custom visual layers.
  • Copy-Paste UI Frameworks - Functions as a copy-paste UI framework that prioritizes code ownership over traditional versioned dependencies.
  • Tailwind Component Collections - Applying utility-first styling to interface elements to create a cohesive design system across a web application.
  • CSS Variable Token Mappings - Maps design tokens to root-level CSS variables to enable a customizable global visual system.
  • Framework Agnostic UI Logic - Decouples accessibility and state management logic from the visual layer for framework compatibility.
  • Headless UI Components - Provides a set of headless, unstyled components that handle the logic and structure of complex interface elements.
  • Utility-First Styling - Uses a utility-first styling approach to define visual appearances directly on HTML elements.
  • Component Installation CLIs - Provides a CLI to automate adding specific component source files and dependencies directly into the project codebase.
  • Frontend Prototyping Tools - Facilitates rapid frontend prototyping through a collection of reusable and stylable layout components.
  • Applications - Component library for copy-paste UI development.

Star history

Star history chart for shadcn/uiStar history chart for shadcn/ui

How this analysis was created: This summary and feature list were written by an AI model that read the project's README and public documentation pages. Each feature links to the documentation it came from; stars, license and language come straight from the GitHub API. The model does not read the source code, and the analysis is refreshed when the project is re-analysed. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Open-source alternatives to Ui

Similar open-source projects, ranked by how many features they share with Ui.
  • spartan-ng/spartanspartan-ng avatar

    spartan-ng/spartan

    2,655View on GitHub↗

    Spartan is a development framework and design system toolset that combines a headless UI component library with a full-stack application scaffolder. It provides accessible, unstyled primitives that separate behavioral logic from visual styling, while automating the creation of development environments with end-to-end type safety across API and database layers. The project distinguishes itself by utilizing a component distribution model that copies styled source files directly into the local codebase to prevent dependency-based style locking. It also functions as an AI context server, using a

    TypeScriptaccessibilityanalogjsangular
    View on GitHub↗2,655
  • huntabyte/shadcn-sveltehuntabyte avatar

    huntabyte/shadcn-svelte

    8,341View on GitHub↗

    shadcn-svelte is a collection of accessible and customizable user interface elements for Svelte applications. Rather than being distributed as a traditional dependency, these components are provided as source code that is copied directly into the project codebase. The library utilizes a registry-based distribution system, allowing users to install specific UI blocks and components via a command-line interface. This system uses JSON metadata to define dependencies and file paths, while a bootstrapping process automates the configuration of styles and CSS variables. The project integrates Tail

    TypeScriptbits-uishadcn-svelteshadcn-ui
    View on GitHub↗8,341
  • mui/base-uimui avatar

    mui/base-ui

    8,711View on GitHub↗

    Base UI is a headless component library and unstyled framework providing accessible interface primitives. It decouples behavioral logic and state management from the visual layer, allowing developers to implement complex UI patterns while maintaining total control over the final styling. The library implements WAI-ARIA design patterns to ensure all primitives support standard keyboard navigation and screen reader accessibility. It provides a suite of low-level building blocks that handle the internal mechanics of interface elements without bundling any CSS. The framework covers a broad range

    TypeScriptaccessibilitydesign-systemreact
    View on GitHub↗8,711
  • chakra-ui/park-uichakra-ui avatar

    chakra-ui/park-ui

    2,326View on 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

    TypeScript
    View on GitHub↗2,326
See all 30 alternatives to Ui→

Frequently asked questions

What does shadcn/ui do?

This project is a collection of accessible user interface components designed for full developer ownership. It functions as a copy-paste UI framework and headless component kit, providing the logic and structure for interface elements without relying on traditional versioned library dependencies.

What are the main features of shadcn/ui?

The main features of shadcn/ui are: Source-Owned Libraries, Component Distribution CLIs, Accessible Component Libraries, Accessible UI Frameworks, Headless Primitives, Copy-Paste UI Frameworks, Tailwind Component Collections, CSS Variable Token Mappings.

What are some open-source alternatives to shadcn/ui?

Open-source alternatives to shadcn/ui include: spartan-ng/spartan — Spartan is a development framework and design system toolset that combines a headless UI component library with a… huntabyte/shadcn-svelte — shadcn-svelte is a collection of accessible and customizable user interface elements for Svelte applications. Rather… mui/base-ui — Base UI is a headless component library and unstyled framework providing accessible interface primitives. It decouples… magicuidesign/magicui — Magic UI is a copy-paste UI framework and React animated library providing a collection of interactive, visually… cosscom/coss — Coss is an accessible UI component library and design system framework used to build web interfaces. It provides a… chakra-ui/park-ui — Park UI is a collection of accessible, pre-styled interface components designed for consistent design across multiple…