Component Library

A versatile button component with multiple variants and sizes for different use cases.

A small status indicator or label component with multiple variants and sizes.

A user profile picture component with fallback support and customizable sizes.

A flexible container for grouping related content with header, content, and footer sections

A flexible input component with various styles and validation states.

A dialog overlay component for displaying content above the main page with backdrop and focus management.

A notification component that appears temporarily to provide feedback.

A flexible pricing component with multiple plans, billing toggles, and feature comparisons.

A flexible grid layout component inspired by bento box designs.

An enhanced image component with hover effects and loading states.

An animated component that displays cards in continuous motion.

A component that shows a preview of a link on hover with smooth animations.

A container that triggers animations when elements enter the viewport using Framer Motion.

A collapsible sidebar navigation component with smooth animations and responsive behavior.

A responsive navigation bar component with mobile menu support.

A complete responsive layout with sidebar and navbar that adapts to different screen sizes

A powerful search component with keyboard shortcuts, suggestions, and multiple variants

A responsive carousel component with touch support, keyboard navigation, auto-play, and multiple variants.

A configurable code block component built on top of react-syntax-highlighter with syntax highlighting, copy functionality, and multiple themes.

A comparison component between two images with slide or drag interaction to compare before and after states.

A complete login form with email/password fields, social login options, and forgot password link.

A comprehensive registration form with validation, social login options, and loading states.