# shadcnblocks/kibo **Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/shadcnblocks-kibo).** 3,831 stars · 179 forks · TypeScript · MIT ## Links - GitHub: https://github.com/shadcnblocks/kibo - Homepage: https://www.kibo-ui.com/ - awesome-repositories: https://awesome-repositories.com/repository/shadcnblocks-kibo.md ## Topics `accessible` `components` `composable` `react` `shadcn-ui` `typescript` `ui` ## Description Kibo is a registry-based UI framework and accessible web interface library that distributes modular components as raw source code. It functions as a collection of utility-styled building blocks and headless UI primitives that separate complex state management and accessibility logic from visual presentation. The project utilizes a source-code distribution model, allowing components to be fetched and injected from a centralized registry directly into a local project directory. This approach enables full ownership of the code and the ability to customize component logic and visual styles. The system supports the composition of complex, data-heavy web interfaces and dashboards using advanced functional components. It includes a standardized context protocol to integrate AI assistants with design tokens and documentation for automated layout generation. Installation and management are handled via a command line interface for on-demand component installation. ## Tags ### User Interface & Experience - [Interface Accessibility](https://awesome-repositories.com/f/user-interface-experience/interface-accessibility.md) — Acts as a comprehensive library of reusable interface elements engineered for high accessibility standards in complex applications. - [Accessible UI Components](https://awesome-repositories.com/f/user-interface-experience/accessible-ui-components.md) — Provides a library of accessible interface elements, including tables and forms, compliant with accessibility standards. - [Headless Primitives](https://awesome-repositories.com/f/user-interface-experience/component-architectures/component-composition/component-composition-primitives/headless-primitives.md) — Provides unstyled functional primitives that separate accessibility and state logic from visual presentation. - [Dependency Resolution Registration](https://awesome-repositories.com/f/user-interface-experience/component-architectures/component-composition/component-registration-patterns/dependency-resolution-registration.md) — Provides automated linking and resolution of sub-component dependencies during the initial setup process. - [Utility-First Styling](https://awesome-repositories.com/f/user-interface-experience/css-component-libraries/tailwind-css-integration/utility-first-styling.md) — Uses a utility-first atomic styling approach to manage layouts and appearance via low-level CSS classes. - [Source-Level Component Customization](https://awesome-repositories.com/f/user-interface-experience/custom-ui-components/source-level-component-customization.md) — Enables full ownership and modification of component logic and visual styles by distributing raw source code. ([source](https://www.kibo-ui.com/docs/usage)) - [Local-Source Component Distribution](https://awesome-repositories.com/f/user-interface-experience/local-source-component-distribution.md) — Distributes raw component source files directly into local projects to ensure full developer ownership and customization. - [Registry-Based Component Injection](https://awesome-repositories.com/f/user-interface-experience/metadata-driven-ui-components/registry-based-component-injection.md) — Implements a centralized registry system to resolve and inject specific UI building blocks into projects. - [Modular UI Components](https://awesome-repositories.com/f/user-interface-experience/modular-ui-components.md) — Provides a registry-based system for adding specific modular UI components to maintain a small project footprint. - [Modular UI Compositions](https://awesome-repositories.com/f/user-interface-experience/modular-ui-compositions.md) — Provides a design system for assembling accessible application layouts using reusable, modular building blocks. ([source](https://www.kibo-ui.com/docs/usage)) - [Registry-Based UI Frameworks](https://awesome-repositories.com/f/user-interface-experience/registry-based-ui-frameworks.md) — Functions as a registry-based UI framework for assembling modular interfaces via source-code injection. - [Headless UI Libraries](https://awesome-repositories.com/f/user-interface-experience/ui-component-libraries/headless-ui-libraries.md) — Ships a set of headless UI libraries that decouple complex state management and accessibility logic from styling. - [Tailwind Component Collections](https://awesome-repositories.com/f/user-interface-experience/css-component-libraries/tailwind-component-collections.md) — Provides a collection of modular UI building blocks specifically designed for use with utility-first CSS. - [Advanced Data Components](https://awesome-repositories.com/f/user-interface-experience/data-display-components/data-table-customizations/advanced-data-components.md) — Includes advanced functional components for complex tasks like data organization, tables, and file upload zones. ([source](https://www.kibo-ui.com/docs/benefits)) - [Design System Customizations](https://awesome-repositories.com/f/user-interface-experience/design-system-customizations.md) — Allows the creation of unique visual identities by modifying the source code of pre-configured UI primitives. - [AI Design Context Protocols](https://awesome-repositories.com/f/user-interface-experience/design-to-code-tools/documentation-context-providers/ai-design-context-protocols.md) — Ships a standardized context protocol that allows AI assistants to use design tokens for automated layout generation. - [Modular Dashboard Composition](https://awesome-repositories.com/f/user-interface-experience/modular-dashboard-composition.md) — Supports the assembly of data-heavy dashboards and complex layouts using modular, accessible building blocks. ### Artificial Intelligence & ML - [AI-Assisted Layout Generation](https://awesome-repositories.com/f/artificial-intelligence-ml/ai-assistants/ai-assisted-layout-generation.md) — Enables automated web interface creation through a context protocol that guides AI assistants using design tokens. ### Development Tools & Productivity - [AI Assistant Integrations](https://awesome-repositories.com/f/development-tools-productivity/ai-assistant-integrations.md) — Integrates AI assistants into the development workflow via a standardized protocol for documentation and design tokens. ([source](https://www.kibo-ui.com/docs/mcp)) - [On-Demand Component Installers](https://awesome-repositories.com/f/development-tools-productivity/on-demand-component-installers.md) — Includes a command line interface for on-demand installation of specific modular interface elements. ([source](https://www.kibo-ui.com/docs/benefits))