# Zayne Labs UI

## Docs

- [Introduction](https://mintlify.wiki/zayne-labs/ui/introduction.md): Composable, headless UI components and utilities built for flexibility and great developer experience
- [Installation](https://mintlify.wiki/zayne-labs/ui/installation.md): Install and configure Zayne Labs UI in your React project
- [Quick start](https://mintlify.wiki/zayne-labs/ui/quickstart.md): Get started with Zayne Labs UI in minutes
- [Component Structure](https://mintlify.wiki/zayne-labs/ui/concepts/component-structure.md): Understanding the compound component pattern and architecture of Zayne Labs UI
- [Styling](https://mintlify.wiki/zayne-labs/ui/concepts/styling.md): Learn how to style Zayne Labs UI components with Tailwind CSS or vanilla CSS
- [TypeScript](https://mintlify.wiki/zayne-labs/ui/concepts/typescript.md): Type-safe components with full TypeScript support and advanced type inference
- [Card](https://mintlify.wiki/zayne-labs/ui/components/ui/card.md): A flexible container component for grouping related content with optional header, footer, and action sections.
- [Carousel](https://mintlify.wiki/zayne-labs/ui/components/ui/carousel.md): A flexible carousel component with automatic sliding, navigation controls, and customizable indicators.
- [DragScroll](https://mintlify.wiki/zayne-labs/ui/components/ui/drag-scroll.md): A headless hook for adding mouse drag-to-scroll functionality to containers with optional navigation buttons.
- [DropZone](https://mintlify.wiki/zayne-labs/ui/components/ui/drop-zone.md): A feature-rich file upload component with drag-and-drop, validation, progress tracking, and preview generation.
- [Form](https://mintlify.wiki/zayne-labs/ui/components/ui/form.md): A comprehensive form component system built on React Hook Form with validation, error handling, and accessible form controls.
- [Await](https://mintlify.wiki/zayne-labs/ui/components/utility/await.md): Handle async operations with declarative loading, error, and success states
- [ClientGate](https://mintlify.wiki/zayne-labs/ui/components/utility/client-gate.md): Conditionally render content only after client-side hydration
- [ErrorBoundary](https://mintlify.wiki/zayne-labs/ui/components/utility/error-boundary.md): Catch and handle React errors with declarative error boundaries
- [For](https://mintlify.wiki/zayne-labs/ui/components/utility/for.md): Declarative list rendering with built-in empty state handling
- [Presence](https://mintlify.wiki/zayne-labs/ui/components/utility/presence.md): Animate component mount and unmount with CSS animations or transitions
- [Show](https://mintlify.wiki/zayne-labs/ui/components/utility/show.md): Declarative conditional rendering with fallback support
- [Slot](https://mintlify.wiki/zayne-labs/ui/components/utility/slot.md): Compose components by merging props into children
- [SuspenseWithBoundary](https://mintlify.wiki/zayne-labs/ui/components/utility/suspense-with-boundary.md): Combine React Suspense and ErrorBoundary for complete async handling
- [Switch](https://mintlify.wiki/zayne-labs/ui/components/utility/switch.md): Pattern matching and multi-way conditional rendering
- [Teleport](https://mintlify.wiki/zayne-labs/ui/components/utility/teleport.md): Render components to different parts of the DOM tree (Portal)
- [Card](https://mintlify.wiki/zayne-labs/ui/api/ui/card.md): API reference for the Card component
- [Carousel](https://mintlify.wiki/zayne-labs/ui/api/ui/carousel.md): API reference for the Carousel component
- [DragScroll](https://mintlify.wiki/zayne-labs/ui/api/ui/drag-scroll.md): API reference for the DragScroll hook
- [DropZone](https://mintlify.wiki/zayne-labs/ui/api/ui/drop-zone.md): API reference for the DropZone component
- [Form](https://mintlify.wiki/zayne-labs/ui/api/ui/form.md): API reference for the Form component
- [Await](https://mintlify.wiki/zayne-labs/ui/api/utility/await.md): API reference for the Await component - handle asynchronous operations with built-in suspense and error boundaries.
- [ClientGate](https://mintlify.wiki/zayne-labs/ui/api/utility/client-gate.md): API reference for the ClientGate component - conditionally render content only on the client side.
- [ErrorBoundary](https://mintlify.wiki/zayne-labs/ui/api/utility/error-boundary.md): API reference for the ErrorBoundary component - catch and handle React errors gracefully.
- [For](https://mintlify.wiki/zayne-labs/ui/api/utility/for.md): API reference for the For component - declaratively render lists with type-safe iteration.
- [Presence](https://mintlify.wiki/zayne-labs/ui/api/utility/presence.md): API reference for the Presence component - animate mount and unmount transitions.
- [Show](https://mintlify.wiki/zayne-labs/ui/api/utility/show.md): API reference for the Show component - conditionally render content with fallbacks.
- [Slot](https://mintlify.wiki/zayne-labs/ui/api/utility/slot.md): API reference for the Slot component - merge props with child elements.
- [SuspenseWithBoundary](https://mintlify.wiki/zayne-labs/ui/api/utility/suspense-with-boundary.md): API reference for the SuspenseWithBoundary component - combine Suspense and ErrorBoundary.
- [Switch](https://mintlify.wiki/zayne-labs/ui/api/utility/switch.md): API reference for the Switch component - declarative conditional rendering with multiple cases.
- [Teleport](https://mintlify.wiki/zayne-labs/ui/api/utility/teleport.md): API reference for the Teleport component - render content in a different part of the DOM.