Component Library

Next.js 14 • TypeScript • Tailwind

Modern
React
Components

Craft beautiful, accessible interfaces with our cutting-edge component library. Built for developers who demand excellence.

Smart Input Component

Choose a unique username

We'll never share your email

Must be at least 8 characters with mixed case and numbers

Include country code

Features:

  • • Real-time validation on blur
  • • Dynamic success/error states
  • • Password visibility toggle
  • • Clearable inputs with X button
  • • Helper text and error messages
  • • Form submission with toast feedback

Toast Notifications

Features:

  • • Auto-dismiss with configurable duration
  • • Multiple types (success, error, warning, info)
  • • Smooth slide animations
  • • Action buttons with callbacks
  • • Flexible positioning
  • • Stack management (max toasts)
  • • Manual dismiss functionality
  • • Custom titles and messages

Built for Modern Development

TypeScript First

Fully typed components with comprehensive interfaces and excellent IntelliSense support.

Storybook Ready

Comprehensive stories with controls, documentation, and visual testing capabilities.

Accessible

WCAG compliant with proper ARIA labels, keyboard navigation, and screen reader support.