Empower your web applications with beautiful, accessible, and customizable components designed for modern developers.
Index of hand-crafted elements
Wraps any content, captures it as a texture, and shatters it into Voronoi glass fragments with gravity, rotation, staggered fade, and flash.
Text rasterized into thousands of particles that fly in from chaos to form letterforms - with bezier arc paths, stagger delays, breathing drift, and cursor repulsion.
A pill-shaped CTA button with two animated eyes whose pupils track the cursor in real-time using spring physics.
A minimalist, animated task list with dragging, state transitions, and an elegant editorial aesthetic inspired by premium interfaces.
Awwwards-style list where hovering each item floats a spring-animated image preview near the cursor.
Concentric ring bursts appear at every click or tap. Mount once globally - makes pages feel alive with zero per-component setup.
Staggered per-word or per-character scroll reveal with 4 effects - slide-up, fade, blur, scramble. Includes CycleWordReveal for cycling hero headlines.
Navigation where the active indicator blob morphs between items with an SVG feGaussianBlur + feColorMatrix gooey effect.
Text warps and melts under the cursor using SVG feTurbulence + feDisplacementMap with spring-smoothed cursor tracking.
A full-screen dark hero section with concentric thread rings radiating from center and neon edge glows.
Elements emit an ambient glow based on cursor proximity - no hover required. Works across multiple cards simultaneously.
Animated canvas film-grain layer using mix-blend-mode for a premium editorial texture. Zero WebGL - drop it inside any section.
Replaces the native cursor with a spring-physics lagging blob + precise dot. Expands on interactive elements via mix-blend-mode.
Accordion where the title kinetically morphs into a section heading on expand - font-size, letter-spacing, and color transition simultaneously.
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 striking layout tab component with animated transitions.
A background component that renders the classic Matrix Rain terminal effect using an HTML5 Canvas.
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.
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 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.
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.