Empower your web applications with beautiful, accessible, and customizable components designed for modern developers.
Index of hand-crafted elements
A highly compact, token-based premium file upload component. It acts like a smart search bar, gracefully expanding to house files as dismissible chips using framer-motion layout physics without occupying unnecessary vertical space.
An interactive, nested segmented control ideal for toggling between Multi Tab or complex states.
A visually stunning glassmorphic header component with magnetic hover effects.
A list that expands each row into a full accordion view on click using Framer Motion's layoutId.
A sleek list that morphs each row into a full card on click using Framer Motion layoutId shared transitions.
A visually stunning animated shader background component using WebGL and React Three Fiber.
A background component that renders the classic Matrix Rain terminal effect using an HTML5 Canvas.
A full-screen dark hero section with concentric thread rings radiating from center and neon edge glows.
A highly customizable grainy noise background component that brings a tactile, paper-like feel to your UI.
A mysterious text effect that scrambles its characters and decodes them on hover.
A highly styled, layered typographic component with a heavy ink-bleed blur effect and grainy texture.
Interactive stacked card animation with background imagery and custom content overlay.
A captivating blurred background component that adds a dynamic and engaging visual effect to your application.
Dotted Background is a visually captivating component that adds a dynamic and engaging visual effect.
A minimal loading skeleton component to display placeholder content while data is loading, matching the clean design system without unnecessary bloat.
Combines the functionality of a clock with the interactivity of a modal for a visually captivating component.
A captivating border card component that adds a dynamic and engaging visual effect to your UI.
An animated stacked card effect that creates a dynamic and engaging visual experience.
A file folder style card design with customizable content and modern aesthetics.
A versatile card component with customizable labels and content positioning.
A captivating horizontal text animation that adds a dynamic and engaging visual effect to your application.
A captivating horizontal text scroll animation that adds a dynamic and engaging visual effect.
Branding component for showcasing your brand identity with style and professionalism.
A modern grid layout component inspired by the popular Bento design pattern for organizing content.
Header Section is a visually captivating component that adds a dynamic and engaging visual effect.
A visually striking layout tab component with animated transitions.
A captivating slide button component that adds a dynamic and engaging visual effect to your UI.
A toggle button with smooth transition from the menu to cross icon, perfect for headers and navigation.
An animated image slideshow with smooth transitions and navigation controls for engaging image presentations.
Displays images in an elegant and interactive layout with captivating transitions.
Radial Separator is a visually captivating component that adds a dynamic and engaging visual effect.
Search Bar is a visually captivating component that adds a dynamic and engaging search experience.
A comprehensive blog component with modern design and engaging visual effects for content presentation.