Ui
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 - A data-table implementation using a column-based definition system to manage data display, formatting, sorting, and filtering logic.
- Button Groups - A layout component that groups related action buttons together, supporting horizontal or vertical orientation and providing accessibility via group roles and labeling.
- Drawers - A drawer component that supports scrollable content areas, allowing users to keep action buttons or headers visible while the main content scrolls independently within the drawer.
- Assistant Skill Integrations - An AI-powered skill that integrates with development assistants to automatically load project configuration, manage component installation, and provide context-aware guidance for UI component workflows.
- Component Distribution CLIs - A schema-based distribution system and command-line tool that allows for installing, managing, and sharing components across different projects and frameworks.
- Project Configuration Schemas - A configuration file defining project-wide settings for component styling, utility-class integration, file path aliases, and external resource registries for the command-line interface.