# Delta Components

This is the documentation for Delta Components, a custom shadcn/ui registry for React components. 
It contains a collection of modern, accessible, and customizable React components with v0 integration.
The library is built with React, TypeScript, Tailwind CSS, Motion (Framer Motion), and zod.

## Overview

- [Introduction](https://deltacomponents.dev/docs/introduction): Welcome to Delta Components and learn why it was created.
- [Installation](https://deltacomponents.dev/docs/installation): A quick guide to getting started with Delta Components.
- [Components](https://deltacomponents.dev/docs/components): Browse all available components in the registry.
- [Changelog](https://deltacomponents.dev/docs/changelog): See what's new and updated in Delta Components.

## Getting Started

- [Introduction](https://deltacomponents.dev/docs/introduction): Welcome guide explaining the vision behind Delta Components.
- [Installation](https://deltacomponents.dev/docs/installation): Step-by-step installation and setup instructions.
- [Components](https://deltacomponents.dev/docs/components): Complete component showcase and registry.

## Blocks

- [Smart Form (zod)](https://deltacomponents.dev/docs/blocks/smart-form): A powerful form component with zod validation, automatic field generation, and comprehensive error handling.

## Components

- [Admonition](https://deltacomponents.dev/docs/components/admonition): A customizable callout component for displaying important information with various types and styles.
- [Dropdown Menu](https://deltacomponents.dev/docs/components/dropdown-menu): A high-quality dropdown menu component with keyboard navigation and accessibility features.
- [Drawer](https://deltacomponents.dev/docs/components/drawer): A slide-out panel component that can be positioned from any side of the screen.
- [Embed](https://deltacomponents.dev/docs/components/embed): A component for embedding external content with privacy controls and loading states.
- [Marquee](https://deltacomponents.dev/docs/components/marquee): A smooth scrolling marquee component for displaying continuous content.
- [Modal](https://deltacomponents.dev/docs/components/modal): A flexible modal dialog component with customizable animations and styling.
- [Scroll Progress](https://deltacomponents.dev/docs/components/scroll-progress): A progress indicator that shows scroll position on a page or within a container.
- [Tabs](https://deltacomponents.dev/docs/components/tabs): A tab navigation component with multiple styling variants and keyboard support.
- [Toast](https://deltacomponents.dev/docs/components/toast): A notification component for displaying temporary messages with various types and positions.

## Media

- [Code Snippet](https://deltacomponents.dev/docs/media/code-snippet): A syntax-highlighted code block component with copy functionality and theme support.
- [LaTeX](https://deltacomponents.dev/docs/media/latex): A component for rendering mathematical expressions using LaTeX syntax.
- [Retro Video Player](https://deltacomponents.dev/docs/media/retro-video-player): A nostalgic video player component with vintage styling and controls.
- [Spotify](https://deltacomponents.dev/docs/media/spotify): A Spotify-style music player component with playback controls and track information.
- [QR Code](https://deltacomponents.dev/docs/media/qr-code): A QR code generator component with customizable styling and error correction levels.

## Landing Page

- [Highlighter Text](https://deltacomponents.dev/docs/landing-page/highlighter): An animated text highlighting component for drawing attention to key phrases.
- [Mouse String Connection](https://deltacomponents.dev/docs/landing-page/mouse-string-connection): An interactive visual effect that creates animated connections following mouse movement.

## Animations

- [Scramble Text](https://deltacomponents.dev/docs/animations/scramble-text): A text animation effect that scrambles characters before revealing the final text.
- [Floating Object](https://deltacomponents.dev/docs/animations/floating-object): A smooth floating animation component for creating subtle movement effects.
- [Font Transform](https://deltacomponents.dev/docs/animations/font-transform): Dynamic font transformation animations with customizable easing and timing.
- [Animate In](https://deltacomponents.dev/docs/animations/animate-in): Entrance animations for elements with intersection observer support.

## Layout

- [Bottom Bar](https://deltacomponents.dev/docs/layout/bottom-bar): A bottom navigation bar component with customizable icons and labels.

## Inputs

- [Checkbox Input](https://deltacomponents.dev/docs/inputs/checkbox-input): A styled checkbox component with custom indicators and validation support.
- [Date Input](https://deltacomponents.dev/docs/inputs/date-input): A date picker component with calendar interface and keyboard navigation.
- [File Input](https://deltacomponents.dev/docs/inputs/file-input): A file upload component with drag-and-drop support and file type validation.
- [OTP Input](https://deltacomponents.dev/docs/inputs/otp-input): A one-time password input component with automatic focus management.
- [Radio Input](https://deltacomponents.dev/docs/inputs/radio-input): A radio button group component with custom styling and keyboard navigation.
- [Select Input](https://deltacomponents.dev/docs/inputs/select-input): A dropdown select component with search functionality and keyboard support.
- [Switch Input](https://deltacomponents.dev/docs/inputs/switch-input): A toggle switch component with smooth animations and accessibility features.
- [Tags Input](https://deltacomponents.dev/docs/inputs/tags-input): An input component for adding and managing tags with autocomplete support.
- [Text Input](https://deltacomponents.dev/docs/inputs/text-input): A versatile text input component with validation states and custom styling.
- [Textarea Input](https://deltacomponents.dev/docs/inputs/textarea-input): A multi-line text input component with auto-resize and character counting.