# Blitz UI

> Blitz UI is a first-class shadcn registry offering a collection of enterprise-grade components and patterns
built for shadcn and compatible with Base UI, Radix UI, and Tailwind CSS v4. Designed for developers and AI-driven workflows.

## Overview

- [Introduction](https://blitz-ui.com/docs): Core principles—Components, Patterns, and Blocks for flexible abstraction.
- [Get Started](https://blitz-ui.com/docs/get-started): Quick guide to adding Blitz UI components to your application.
- [Styling](https://blitz-ui.com/docs/styling): Design token system using CSS variables for precise state management.
- [Registry](https://blitz-ui.com/docs/registry): Information about the Blitz UI registry and distribution.
- [MCP Server](https://blitz-ui.com/docs/mcp): Model Context Protocol server for AI integrations.
- [Roadmap](https://blitz-ui.com/docs/roadmap): Future plans and upcoming features.
- [Changelog](https://blitz-ui.com/docs/changelog): Latest updates and version history.

## Base UI Components
Components built with [Base UI](https://base-ui.com) primitives.

- [Alert](https://blitz-ui.com/docs/components/base/alert): Callout for user attention (success, info, warning, error).
- [Autocomplete](https://blitz-ui.com/docs/components/base/autocomplete): Searchable select with autocomplete.
- [Badge](https://blitz-ui.com/docs/components/base/badge): Status indicators and labels.
- [Data Grid](https://blitz-ui.com/docs/components/base/data-grid): Advanced data table with sorting and filtering.
- [Date Selector](https://blitz-ui.com/docs/components/base/date-selector): Multi-mode date and range selection.
- [File Upload](https://blitz-ui.com/docs/components/base/file-upload): Drag and drop file uploading.
- [Filters](https://blitz-ui.com/docs/components/base/filters): Multi-facet filtering interface.
- [Frame](https://blitz-ui.com/docs/components/base/frame): Container with title and actions.
- [Kanban](https://blitz-ui.com/docs/components/base/kanban): Drag and drop board for task management.
- [Number Field](https://blitz-ui.com/docs/components/base/number-field): Specialized input for numeric data.
- [Phone Input](https://blitz-ui.com/docs/components/base/phone-input): International phone number input.
- [Rating](https://blitz-ui.com/docs/components/base/rating): Interactive star rating component.
- [Scroll Area](https://blitz-ui.com/docs/components/base/scroll-area): Custom scrollbars for overflow content.
- [Scrollspy](https://blitz-ui.com/docs/components/base/scrollspy): Navigation that tracks scroll position.
- [Sortable](https://blitz-ui.com/docs/components/base/sortable): Drag and drop list sorting.
- [Stepper](https://blitz-ui.com/docs/components/base/stepper): Multi-step process indicator.
- [Timeline](https://blitz-ui.com/docs/components/base/timeline): Chronological list of events.
- [Tree](https://blitz-ui.com/docs/components/base/tree): Hierarchical data structure view.

## Radix UI Components
Components built with [Radix UI](https://www.radix-ui.com) primitives.

- [Alert](https://blitz-ui.com/docs/components/radix/alert): Callout for user attention.
- [Autocomplete](https://blitz-ui.com/docs/components/radix/autocomplete): Searchable select with autocomplete.
- [Badge](https://blitz-ui.com/docs/components/radix/badge): Status indicators and labels.
- [Data Grid](https://blitz-ui.com/docs/components/radix/data-grid): Advanced data table with sorting and filtering.
- [Date Selector](https://blitz-ui.com/docs/components/radix/date-selector): Multi-mode date and range selection.
- [File Upload](https://blitz-ui.com/docs/components/radix/file-upload): Drag and drop file uploading.
- [Filters](https://blitz-ui.com/docs/components/radix/filters): Multi-facet filtering interface.
- [Frame](https://blitz-ui.com/docs/components/radix/frame): Container with title and actions.
- [Kanban](https://blitz-ui.com/docs/components/radix/kanban): Drag and drop board for task management.
- [Number Field](https://blitz-ui.com/docs/components/radix/number-field): Specialized input for numeric data.
- [Phone Input](https://blitz-ui.com/docs/components/radix/phone-input): International phone number input.
- [Rating](https://blitz-ui.com/docs/components/radix/rating): Interactive star rating component.
- [Scroll Area](https://blitz-ui.com/docs/components/radix/scroll-area): Custom scrollbars for overflow content.
- [Scrollspy](https://blitz-ui.com/docs/components/radix/scrollspy): Navigation that tracks scroll position.
- [Sortable](https://blitz-ui.com/docs/components/radix/sortable): Drag and drop list sorting.
- [Stepper](https://blitz-ui.com/docs/components/radix/stepper): Multi-step process indicator.
- [Timeline](https://blitz-ui.com/docs/components/radix/timeline): Chronological list of events.
- [Tree](https://blitz-ui.com/docs/components/radix/tree): Hierarchical data structure view.