Components
353 components and effects, grouped by the job they do. Each one runs live on its page, with its source beside it.
43 results
Animations 43
Larger moving pieces for a page: carousels, galleries, cursors and scroll effects.
- Animated Content
Wrapper that animates any children on scroll or mount with configurable direction, distance, duration, easing and disappear options.

- Antigravity
3D antigravity particle field that repels from the cursor with smooth motion.

- Blob Cursor
Organic blob cursor that smoothly follows the pointer with inertia and elastic morphing.

- Click Spark
Creates particle spark bursts at click position.

- Crosshair
Custom crosshair cursor with tracking, and link hover effects.

- Cubes
3D rotating cube cluster. Supports auto-rotation or hover interaction.

- Cursor Grid
Canvas grid whose cells light up around the cursor with configurable radius, falloff and click pulses.

- Dither Veil
A photo printed as a 1-bit dither that the cursor burns through to full colour, leaving a trail that knits back cell by cell.

- Elastic Mesh
Spring-mesh surface that stretches under the pointer and settles back with damped physics.

- Electric Border
Jittery electric energy border with animated arcs, glow and adjustable intensity.

- Electric Logo
Turns any SVG or PNG into a living lightning outline, with flowing strands, arcs that leap off the edges and a charge that follows the cursor.

- Fade Content
Simple directional fade / slide entrance / exit wrapper with threshold-based activation.

- Fan Gallery
An image fan on a symmetric curve.

- Ghost Cursor
Semi-transparent ghost cursor that smoothly follows the real cursor with a trailing effect.

- Glare Hover
Adds a realistic moving glare highlight on hover over any element.

- Glow Cursor
Shader-powered light trail that smoothly follows the pointer with customizable glow, color, taper and pulse.

- Gradual Blur
Progressively un-blurs content based on scroll or trigger creating a cinematic reveal.

- Halftone Reveal
Print-style halftone dot matrix that resolves into sharp content around the cursor.

- Image Trail
Cursor-based image trail with several built-in variants.

- Laser Flow
Dynamic laser light that flows onto a surface, customizable effect.

- Liquid Glass Logo
A droplet becomes a glass icon, then the glass and waves disappear, leaving the original logo on the background. The logo stays at its normal size on black.

- Logo Loop
Continuously looping marquee of brand or tech logos with seamless repeat and hover pause.

- Magic Rings
Interactive magic rings effect with customizable parameters.

- Magnet
Elements magnetically ease toward the cursor then settle back with spring physics.

- Magnet Lines
Animated field lines bend toward the cursor.

- Masked Heading
A large headline with a drifting colour mesh or image showing through the glyphs, revealed word by word.

- Meta Balls
Liquid metaball blobs that merge and separate with smooth implicit surface animation.

- Metallic Paint
Liquid metallic paint shader which can be applied to SVG elements.

- Noise
Animated film grain / noise overlay adding subtle texture and motion.

- Orbit Images
SVG path customizable orbiting images effect.

- Pixel Swap
Pixel fragments assemble into a full cover, swap arbitrary content, then dissolve away with reversible colors and triggers.

- Pixel Trail
Pixelated cursor trail emitting fading squares with retro digital feel.

- Pixel Transition
Pixel dissolve transition for content reveal on hover.

- Ribbons
Flowing responsive ribbons/cursor trail driven by physics and pointer motion.

- Ripple Distortion
Pointer-driven water displacement that warps content and leaves a decaying wake.

- Scroll Expand
A rounded media frame that grows to full bleed as it scrolls through the viewport.

- Shape Blur
Morphing blurred geometric shape. The effect occurs on hover.

- Splash Cursor
Liquid splash burst at cursor with curling ripples and waves.

- Star Border
Animated star / sparkle border orbiting content with twinkle pulses.

- Sticker Peel
Sticker corner lift + peel interaction using 3D transform and shadow depth.

- Strands
Glowing ribbon-like strands that ripple and weave across a transparent canvas.

- Swarm Cursor
Flocking particle swarm that chases the pointer, jostles for space and drifts apart at rest.

- Target Cursor
A cursor follow animation with 4 corners that lock onto targets.








































