# blakeUI Native Documentation

> Documentation for blakeUI Native component library.

blakeUI Native is a component library built on [Tailwind v4](https://tailwindcss.com/) via [Uniwind](https://uniwind.dev/) and modern mobile development technologies. Every component comes with smooth animations, polished details, and built-in accessibility—ready to use, fully customizable.

**Key Features:**

- Beautiful by default - Professional look out of the box
- Accessible - Built with accessibility best practices
- Flexible - Customizable components with predictable patterns
- Developer-friendly - Fully typed APIs and excellent autocompletion

## Documentation Index

### Components

- [All Components](https://www.blakeui.com/en/docs/native/components): Explore the full list of components available in blakeUI Native. More are on the way.
- [Button](https://www.blakeui.com/en/docs/native/components/button): Interactive component that triggers an action when pressed.
- [CloseButton](https://www.blakeui.com/en/docs/native/components/close-button): Button component for closing dialogs, modals, or dismissing content.
- [LinkButton](https://www.blakeui.com/en/docs/native/components/link-button): A ghost-variant button with no highlight feedback, designed for inline link-style interactions.
- [Menu](https://www.blakeui.com/en/docs/native/components/menu): A floating context menu with positioning, selection groups, and multiple presentation modes.
- [TagGroup](https://www.blakeui.com/en/docs/native/components/tag-group): A compound component for displaying and managing selectable tags with optional removal.
- [Slider](https://www.blakeui.com/en/docs/native/components/slider): A draggable input for selecting a value or range within a bounded interval.
- [Switch](https://www.blakeui.com/en/docs/native/components/switch): A toggle control that allows users to switch between on and off states.
- [Chip](https://www.blakeui.com/en/docs/native/components/chip): Displays a compact element in a capsule shape.
- [Alert](https://www.blakeui.com/en/docs/native/components/alert): Displays important messages and notifications to users with status indicators.
- [SkeletonGroup](https://www.blakeui.com/en/docs/native/components/skeleton-group): Coordinates multiple skeleton loading placeholders with centralized animation control.
- [Skeleton](https://www.blakeui.com/en/docs/native/components/skeleton): Displays a loading placeholder with shimmer or pulse animation effects.
- [Spinner](https://www.blakeui.com/en/docs/native/components/spinner): Displays an animated loading indicator.
- [Checkbox](https://www.blakeui.com/en/docs/native/components/checkbox): A selectable control that allows users to toggle between checked and unchecked states.
- [ControlField](https://www.blakeui.com/en/docs/native/components/control-field): A field component that combines a label, description (or other content), and a control component (Switch or Checkbox) into a single pressable area.
- [Description](https://www.blakeui.com/en/docs/native/components/description): Text component for providing accessible descriptions and helper text for form fields and other UI elements.
- [FieldError](https://www.blakeui.com/en/docs/native/components/field-error): Displays validation error message content with smooth animations.
- [InputGroup](https://www.blakeui.com/en/docs/native/components/input-group): A compound layout component that groups an input with optional prefix and suffix decorators.
- [InputOTP](https://www.blakeui.com/en/docs/native/components/input-otp): Input component for entering one-time passwords (OTP) with individual character slots, animations, and validation support.
- [Input](https://www.blakeui.com/en/docs/native/components/input): A text input component with styled border and background for collecting user input.
- [Label](https://www.blakeui.com/en/docs/native/components/label): Text component for labeling form fields and other UI elements with support for required indicators and validation states.
- [RadioGroup](https://www.blakeui.com/en/docs/native/components/radio-group): A set of radio buttons where only one option can be selected at a time.
- [SearchField](https://www.blakeui.com/en/docs/native/components/search-field): A compound search input for filtering and querying content.
- [Select](https://www.blakeui.com/en/docs/native/components/select): Displays a list of options for the user to pick from — triggered by a button.
- [TextArea](https://www.blakeui.com/en/docs/native/components/text-area): A multiline text input component with styled border and background for collecting longer user input.
- [TextField](https://www.blakeui.com/en/docs/native/components/text-field): A text input component with label, description, and error handling for collecting user input.
- [Card](https://www.blakeui.com/en/docs/native/components/card): Displays a card container with flexible layout sections for structured content.
- [Separator](https://www.blakeui.com/en/docs/native/components/separator): A simple line to separate content visually.
- [Surface](https://www.blakeui.com/en/docs/native/components/surface): Container component that provides elevation and background styling.
- [Avatar](https://www.blakeui.com/en/docs/native/components/avatar): Displays a user avatar with support for images, text initials, or fallback icons.
- [Accordion](https://www.blakeui.com/en/docs/native/components/accordion): A collapsible content panel for organizing information in a compact space
- [ListGroup](https://www.blakeui.com/en/docs/native/components/list-group): A Surface-based container that groups related list items with consistent layout and spacing.
- [Tabs](https://www.blakeui.com/en/docs/native/components/tabs): Organize content into tabbed views with animated transitions and indicators.
- [BottomSheet](https://www.blakeui.com/en/docs/native/components/bottom-sheet): Displays a bottom sheet that slides up from the bottom with animated transitions and swipe-to-dismiss gestures.
- [Dialog](https://www.blakeui.com/en/docs/native/components/dialog): Displays a modal overlay with animated transitions and gesture-based dismissal.
- [Popover](https://www.blakeui.com/en/docs/native/components/popover): Displays a floating content panel anchored to a trigger element with placement and alignment options.
- [Toast](https://www.blakeui.com/en/docs/native/components/toast): Displays temporary notification messages that appear at the top or bottom of the screen.
- [Typography](https://www.blakeui.com/en/docs/native/components/text): Primitive typography component for rendering styled text with semantic type variants.
- [PressableFeedback](https://www.blakeui.com/en/docs/native/components/pressable-feedback): Container component that provides visual feedback for press interactions with automatic scale animation.
- [ScrollShadow](https://www.blakeui.com/en/docs/native/components/scroll-shadow): Adds dynamic gradient shadows to scrollable content based on scroll position and overflow.

### Getting-started

- [Introduction](https://www.blakeui.com/en/docs/native/getting-started): An open-source UI component library for building beautiful and accessible user interfaces.
- [Animation](https://www.blakeui.com/en/docs/native/getting-started/animation): Add smooth animations and transitions to blakeUI Native components
- [Colors](https://www.blakeui.com/en/docs/native/getting-started/colors): Color palette and theming system for blakeUI Native
- [Composition](https://www.blakeui.com/en/docs/native/getting-started/composition): Build flexible UI with component composition patterns
- [Portal](https://www.blakeui.com/en/docs/native/getting-started/portal)
- [Provider](https://www.blakeui.com/en/docs/native/getting-started/provider): Configure blakeUI Native provider with text, animation, and toast settings
- [Styling](https://www.blakeui.com/en/docs/native/getting-started/styling): Style blakeUI Native components with Tailwind or StyleSheet API
- [Theming](https://www.blakeui.com/en/docs/native/getting-started/theming): Customize blakeUI Native's design system with CSS variables and global styles
- [Design Principles](https://www.blakeui.com/en/docs/native/getting-started/design-principles): Core principles that guide blakeUI's design and development
- [Quick Start](https://www.blakeui.com/en/docs/native/getting-started/quick-start): Get started with blakeUI Native in minutes
- [Agent Skills](https://www.blakeui.com/en/docs/native/getting-started/agent-skills): Enable AI assistants to build mobile UIs with blakeUI Native components
- [AGENTS.md](https://www.blakeui.com/en/docs/native/getting-started/agents-md): Download blakeUI Native documentation for AI coding agents
- [LLMs.txt](https://www.blakeui.com/en/docs/native/getting-started/llms-txt): Enable AI assistants like Claude, Cursor, and Windsurf to understand blakeUI Native
- [MCP Server](https://www.blakeui.com/en/docs/native/getting-started/mcp-server): Access blakeUI Native documentation directly in your AI assistant