# docs ## Docs - [UI Components API](https://ui8kit.buildy.tw/en/api-reference/components.md): Complete API reference for UI8Kit composite components including Button, Card, Badge, Accordion, and layout elements with typed variant props - [Core Components API](https://ui8kit.buildy.tw/en/api-reference/core-ui.md): API reference for UI8Kit Core primitive components - Block, Box, Grid, Flex, and Stack with variant system documentation - [Layout Components API](https://ui8kit.buildy.tw/en/api-reference/layouts.md): API reference for UI8Kit layout components - DashLayout, LayoutBlock, and SplitBlock for application structure templates - [API Reference](https://ui8kit.buildy.tw/en/api-reference/overview.md): Complete API documentation for UI8Kit Core - component exports, variant props, TypeScript interfaces, and naming conventions - [Build System](https://ui8kit.buildy.tw/en/architecture/build-system.md): UI8Kit Core build pipeline - TypeScript compilation, module bundling, CVA extraction, and NPM distribution setup - [Component Registry](https://ui8kit.buildy.tw/en/architecture/component-registry.md): UI8Kit Core component registry system - centralized metadata catalog enabling multiple installation patterns and consumption methods - [Core Components Architecture](https://ui8kit.buildy.tw/en/architecture/core-components.md): UI8Kit Core foundational primitives - Block, Box, Grid, Flex, and Stack components that form the basis of the three-layer architecture - [Layouts Architecture](https://ui8kit.buildy.tw/en/architecture/layouts.md): UI8Kit Core layout system - Layer 3 components (DashLayout, LayoutBlock, SplitBlock) for application structure templates - [Architecture](https://ui8kit.buildy.tw/en/architecture/overview.md): UI8Kit Core architectural design - three-layer component hierarchy, variant system, build pipeline, and module organization - [Package Structure](https://ui8kit.buildy.tw/en/architecture/package-structure.md): UI8Kit Core package configuration - entry points, module exports, dependencies, and distribution setup for multiple integration methods - [TypeScript Configuration](https://ui8kit.buildy.tw/en/architecture/typescript-configuration.md): UI8Kit Core TypeScript setup - compilation settings, type generation, path aliases, and module resolution configuration - [UI Components Architecture](https://ui8kit.buildy.tw/en/architecture/ui-components.md): UI8Kit Core Layer 2 composite components - Button, Card, Badge, Accordion and other UI elements with prop forwarding and variant integration - [Variant System](https://ui8kit.buildy.tw/en/architecture/variant-system.md): UI8Kit Core variant system - CVA-based styling with 12 composable categories covering spacing, colors, layout, typography, and effects - [Basic Workflow](https://ui8kit.buildy.tw/en/development-guide/basic-workflow.md): Basic UI8Kit Core development patterns - component selection, styling with variants, and building standard UI patterns - [Best Practices](https://ui8kit.buildy.tw/en/development-guide/best-practices.md): UI8Kit Core development guidelines - component selection, variant usage, semantic HTML, accessibility, and performance optimization - [Dark Mode](https://ui8kit.buildy.tw/en/development-guide/dark-mode.md): UI8Kit Core dark mode implementation - theme provider, state management, persistence, and Tailwind CSS integration - [Advanced Workflow](https://ui8kit.buildy.tw/en/development-guide/overview.md): Advanced UI8Kit Core usage - composing core primitives for custom interfaces when composite components are insufficient - [Getting Started](https://ui8kit.buildy.tw/en/getting-started.md): Installation and setup guide for UI8Kit Core - step-by-step instructions for integrating the React component library - [Overview](https://ui8kit.buildy.tw/en/overview.md): Introduction to UI8Kit Core - a minimalist React UI component library built on Tailwind CSS with semantic HTML5 ## OpenAPI Specs - [openapi](https://ui8kit.buildy.tw/api-reference/openapi.json) ## Optional - [Documentation](https://ui8kit.buildy.tw) - [Blog](https://ui.buildy.tw)