This project provides a collection of React UI components and a command-line interface designed for direct source code integration. By distributing raw component source code, it allows for full transparency and customization, enabling developers to manage and share interface elements across different projects and frameworks.

The system includes comprehensive developer tooling for scaffolding, migrating, and managing project configurations. It features a registry system that supports secure component fetching, build automation, and content negotiation, allowing for discovery and installation via terminal commands. Additionally, the project integrates with AI-powered development assistants to automate component workflows and provide context-aware guidance.

The component library covers a wide range of interface needs, including data display, complex form controls, navigation structures, and interactive overlays. Styling is managed through a system of design tokens, CSS variables, and semantic conventions that ensure consistent theming across all components.

Features

Data Tables - Facilitates complex data management through sortable, filterable, and paginated grid layouts with customizable column definitions.
Assistant Skill Integrations - Streamlines the automated installation and configuration of interface elements when invoked by development agents.
Component Distribution CLIs - Automates the acquisition and integration of UI component source code directly into local project directories via a command-line utility.
Button Groups - Organizes related actions into cohesive horizontal or vertical toolbars for consistent interface interaction.
Drawers - Slide-in panels enable secondary navigation or contextual content display while maintaining independent scrollable areas.
Component Libraries - Accessible components built with Radix UI and Tailwind CSS.
UI Component Libraries - Accessible, customizable component library for modern frameworks.
UI Frameworks - Copy-and-pasteable components for custom design systems.
Schemas - Standardizes project-wide styling, path aliases, and registry settings through a centralized configuration schema.

سجل النجوم

shadcn-uiui

Name: shadcn-ui/ui
Author: shadcn-ui

View on GitHub

116,724 نجوم9,072 تفرعاتTypeScriptMIT8 مشاهداتui.shadcn.com

Ui

Features

Data Tables - Facilitates complex data management through sortable, filterable, and paginated grid layouts with customizable column definitions.
Assistant Skill Integrations - Streamlines the automated installation and configuration of interface elements when invoked by development agents.
Component Distribution CLIs - Automates the acquisition and integration of UI component source code directly into local project directories via a command-line utility.
Button Groups - Organizes related actions into cohesive horizontal or vertical toolbars for consistent interface interaction.
Drawers - Slide-in panels enable secondary navigation or contextual content display while maintaining independent scrollable areas.
Component Libraries - Accessible components built with Radix UI and Tailwind CSS.
UI Component Libraries - Accessible, customizable component library for modern frameworks.
UI Frameworks - Copy-and-pasteable components for custom design systems.
Schemas - Standardizes project-wide styling, path aliases, and registry settings through a centralized configuration schema.

بدائل مفتوحة المصدر لـ Ui

مشاريع مفتوحة المصدر مشابهة، مرتبة حسب عدد الميزات المشتركة مع Ui.

mantinedev/mantine
mantinedev/mantine
31,263عرض على 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
TypeScriptdark-modedark-themehooks
عرض على GitHub31,263
huntabyte/shadcn-svelte
huntabyte/shadcn-svelte
8,341عرض على 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
عرض على GitHub8,341
twbs/bootstrap
twbs/bootstrap
174,380عرض على 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
MDXbootstrapcsscss-framework
عرض على GitHub174,380
chakra-ui/chakra-ui
chakra-ui/chakra-ui
40,438عرض على 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
TypeScripta11yaccessibleark-ui
عرض على GitHub40,438

عرض جميع البدائل الـ 30 لـ Ui

الأسئلة الشائعة

ما هي وظيفة shadcn-ui/ui؟

ما هي الميزات الرئيسية لـ shadcn-ui/ui؟

الميزات الرئيسية لـ shadcn-ui/ui هي: Data Tables, Assistant Skill Integrations, Component Distribution CLIs, Button Groups, Drawers, Component Libraries, UI Component Libraries, UI Frameworks.

ما هي البدائل مفتوحة المصدر لـ shadcn-ui/ui؟

تشمل البدائل مفتوحة المصدر لـ shadcn-ui/ui: mantinedev/mantine — Mantine is a comprehensive component library for building accessible and responsive web applications. It provides a… huntabyte/shadcn-svelte — shadcn-svelte is a collection of accessible and customizable user interface elements for Svelte applications. Rather… twbs/bootstrap — Bootstrap is a comprehensive, mobile-first CSS framework designed for building responsive web interfaces. It provides… microsoft/fluentui — Fluent UI is a design system framework and TypeScript UI toolkit providing a comprehensive set of styles and… chakra-ui/chakra-ui — Chakra UI is a design system component library and styling framework that provides a foundation for building… mui/material-ui — Material UI is a comprehensive component-based library designed to accelerate the construction of professional,…