⚠️ Mobile is not supported yet.
Search for a command to run...
Primitives and components with serious attention to animation and design. Copy, own, ship.
Testimonials rendered as inline flowing text with circular avatars. Hover to blur others and reveal the author's name and role.
Eight testimonials flowing inline with blur-on-hover and author reveal.
Keyboard key and shortcut display component with a soft, minimal key style.
Single keyboard keys and common shortcuts using the Kbd and Shortcut components.
A button that fills on hover.
Animated icon where three horizontal lines shuffle vertically when active, signaling a list view mode.
Three animated lines shuffle vertically on toggle to indicate list view.
A magnetic effect that clings to the cursor, creating a magnetic attraction effect.
A button that magnetically follows cursor proximity with spring physics. Smoothly snaps back when the cursor leaves.
Three magnetic buttons showing different radius and spring configurations.
A real-time visual math function builder with animated SVG curves, a pan/zoom canvas, crosshair tooltip, and support for multiple expressions simultaneously.
Demo showing an interactive real-time math function visualizer.
An LED dot matrix display component with SVG pixels, radial glow, built-in digit/animation presets, and a VU meter mode.
Interactive demo showcasing real-time clock, animation presets, VU meter, and a pixel draw pad.
An animated image component that simulates the iconic Matrix digital rain effect.
Upload an image and render it as a grayscale LED dot matrix with adjustable resolution.
Upload an image and export it as a binary Frame (0s and 1s) for use with the Matrix component.
A text component that smoothly morphs characters to transition between strings.
A clean Motion-powered FAQ accordion with spring-animated content reveal.
5-item FAQ accordion with spring-animated content reveal.
A grid that displays animations in a grid.
A spring-animated navigation menu with a single morphing container, layout-animated active pill, and direction-aware content transitions.
Centered navigation menu with a single morphing container and direction-aware spring transitions.
Animated subtitle text with per-character reveal, blur transition, speed control, and top/bottom direction.
A floating bottom tab bar that expands upward with spring animations to reveal tab-specific content, with direction-aware slide transitions.
Expandable bottom tab bar with spring-animated content panels and direction-aware slide transitions.
Animated chip/CPU circuit board visualization with gradient pulse traces traveling along PCB-style paths.
Animated chip with gradient pulse circuit traces.
A faithful Notion-inspired quick-create menu with a compact action panel and an animated compose-to-close interaction.
A Notion-inspired quick-create menu with four actions and a spring-animated circular trigger.
A Notion-inspired rich link mention with a securely fetched preview card on hover.
A rich Notion-style link mention that reveals a live URL preview on hover.
Scroll-driven half-wheel image layout powered by GSAP ScrollTrigger, with cinematic blur/saturation/brightness focus and centered captions.
Demo showing the Orbital Image Wheel component.
Animated skill badges that orbit a center element. On desktop the ring follows the cursor on hover; on mobile the ring is always visible.
Demo showing skill badges orbiting a center avatar, with cursor-following on desktop and always-on mobile mode.
GSAP-powered Next.js App Router page transition provider. Wraps your layout to animate between pages with a curtain reveal or slide push — ported from the Codrops async transition demo.
Demo showing four fake pages cycling through curtain, slide, push, and fade transition variants.
A particles effect that creates a particle system.
Scroll-driven 3D image grid with perspective rotations, blur, brightness, and inner parallax — supports both GSAP ScrollTrigger and Framer Motion engines.
Demo showing the Perspective Flow component.
A pin list component that allows you to pin items to the top of the list.
A list of items that animate smoothly to a pinned section using Framer Motion layout animations.
5-item list with smooth pin/unpin layout animations.
An interactive background featuring tiny pixel particles that ripple outward from the center on hover, then fade away.
Demo showing a pixel background.
Demo showing three pixel backgrounds side by side with different color palettes.
A full Navier-Stokes fluid simulation background with pixelation, Bayer dithering, film-grain noise, and auto-demo mode. Reacts to cursor movement.