Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
Animated form mimicking account creation with progressive name/password animation and completion checkmarks.
Animated OTP input with glowing digit transitions, inspired by Clerk’s authentication UI and rebuilt with custom behavior.
Switch tabs smoothly with motion-based underline or highlight effects.
A WebGL-powered animated background featuring layered simplex noise, glowing light effects, vignette, and subtle film grain for a dramatic ambiance.
Animated radar-style component that simulates real-time bot detection using glowing pulses and scanning motion.
A WebGL-powered animated fluid effect featuring procedural noise, chromatic glint highlights, and dynamic lighting with film grain.
A WebGL-powered animated cloud gradient that creates a soft, flowing sky-like background using layered noise and color blending.
A WebGL-powered animated cosmic background featuring a procedural starfield with twinkling effects and flowing nebula-like wave distortions, rendered in real time using shaders.
Visually demonstrates cross-framework adaptability using animated stack icons and a glowing pipeline effect.
A security alert card inspired by Clerk's landing page, showcasing blocked emails with smooth hover animations.
A WebGL-powered animated gradient that produces smooth, flowing light patterns using procedural noise and color blending.
A WebGL-powered nocturnal glow background with layered simplex noise, soft violet blooms, and a gentle drifting warp.
Beautifully animated mobile UI inspired by Clerk’s product design, showcasing notifications with hover-triggered transitions and customizable content blocks.
Animated onboarding progress card showing three steps with visual loaders, transitions, and completion indicators.
Dynamic security identity card with animated verification, glowing avatar outline, and infinite character scramble stream, inspired by Clerk’s product design.
Interactive spectrum switcher with animated gradients, smooth dropdown transitions, and selectable themed color palettes.
Animated stacked notification cards ripple open with smooth transitions, showing messages, signups, and billing reminders.
A dynamic stats card comparing two individuals with avatars, data points, and animated background graph.
A React component that animates rotating text characters using Motion, customizable by words, interval, styling, and animation timing.
A stylish effect that sequentially fades in text on page load, creating a dynamic reveal.
A React component that creates an animated text shimmer effect using Motion, customizable by tag, duration, spread, delay, and repeat delay.
Animated vault showcasing secure password input with motion effects and interactive hover-based unlock behavior, inspired by Clerk’s product design.
A WebGL-powered animated background featuring layered simplex noise, multi-color blending, vignette glow, and subtle film grain effects.
A WebGL-powered animated radial light effect featuring swirling color streaks, 3D noise-based flow, and dynamic color transitions with film grain.