Introduction

Welcome to Delta Components, a modern component library and hooks collection built with React and inspired by the architecture of shadcn/ui.

What is Delta Components?

Delta Components is a collection of high-quality React hooks and input components that are designed to be:

• Copy and paste - Take what you need, leave what you don't
• Easy to use - Simple API with comprehensive documentation
• Accessible - Following best practices for accessibility
• Customizable - Easily adapt to your application's design system
• Type-safe - Built with TypeScript for better developer experience

Features

React Hooks

Our hooks collection provides elegant solutions to common UI patterns and state management challenges:

• useBoolean - Toggle between true/false states with ease
• useToggle - More versatile state toggle utility
• useCopyToClipboard - Copy text to clipboard with status feedback
• useTimeout - Execute code after a set time
• useInterval - Run code at specified intervals
• useCounter - Manage incremental/decremental state
• useMousePosition - Track and use mouse coordinates
• And many more...

Input Components

Our input components collection includes:

• TextInput - Enhanced text input with validation and states
• OTPInput - One-time password input with customizable styling
• FileInput - File upload input with preview and validation

Getting Started

To get started with Delta Components, head over to the Installation page for instructions on setting up in your project.