Explore everything

Spotlight Glow Card

Card with a radial glow that tracks the cursor plus a 1px gradient border-light that follows the pointer.

11.8k78.4k12.4kOpen

Shooting-Star Canvas Background

Twinkling starfield with periodic gradient shooting stars streaking across — drop it behind any hero.

10k63.4k11.2kOpen

Circular 3D Gallery Ring

Eight items orbit on a 3D ring that auto-rotates with perspective, pauses on hover, with a pulsing hub.

9.2k61.2k8.8kOpen

3D Perspective Tilt Card

Pricing card that rotates in 3D toward the cursor with layered translateZ depth and a moving shine.

10.2k55.6k10.9kOpen

Nova — Interactive Starfield Portfolio

Canvas starfield with parallax that follows the mouse, twinkling stars, outlined display typography and a hover-lift project grid.

6.1k51.9k7.3kOpen

Constellation Particle Network

Fifty drifting nodes that link up within proximity and drift away from — yet stay near — your cursor.

9.3k50.6k10.2kOpen

Infinite Logo Marquee (Dual Row)

Two seamless marquee rows scrolling in opposite directions, edge-fade masks, pausing on hover.

8.3k47.8k9.6kOpen

Aura.js — Cursor Particle Landing

Particle trail that spawns at the cursor, a radial reactive glow, and magnetic buttons that lean toward the mouse. Hides the native cursor.

5.9k47.2k7kOpen

Stacked Toast Notifications

Success/error/info toasts that spring in from the bottom-right, stack up and auto-dismiss.

8.2k45.1k9.8kOpen

Gridify — Animated Bento Product Page

A living bento board: growing bar charts, spinning deploy rings, stacked avatars, a live activity feed and a pinging uptime dot.

5.2k44.6k6.2kOpen

Stagger Timeline Grid

A 12-cell grid that springs in with an 80ms waterfall delay — the anime.js stagger() pattern in vanilla JS.

8k44.6k7.8kOpen

Magnetic Button Duo

Buttons and their labels lean toward the cursor with different strength factors, then spring back on leave.

7.6k42.9k9.1kOpen

Conic Gradient Ring Spinner

A spinning conic-gradient arc revealed by a radial mask — one element, zero keyframe paths.

6k42.8k9.4kOpen

Canvas Confetti Burst

Gravity-driven confetti in six colors — rects and circles with rotation — fired on click or from the pulsing button.

7.8k42.3k8.4kOpen

Split-Text Roll Reveal

On hover, each letter rolls up out of an overflow mask while a gradient copy rolls in from below, staggered.

7.8k41.8k8.6kOpen

Featured UI Elements⚛ TSX Live preview

Liquid Morphing Orb Loader

Two gradient blobs morphing through organic border-radius shapes, blended in screen mode with contrast filter.

5.3k41.2k8.9kOpen

Spring Physics Ball Drop

Hand-rolled gravity + restitution spring: the ball bounces, squashes on impact and casts a scaling shadow.

7.4k39.8k6.1kOpen

3D Flip Reveal Card

A card that flips on its Y axis in 3D to show a gradient back face — works on hover and on tap for touch.

7.3k39.2k8.1kOpen

Text Scramble Decode Effect

Matrix-style glyph scramble that resolves into the target string, re-triggered on hover and on a timer.

6.8k39.1k7.2kOpen

Smooth Grid-Row Accordion

Height-animated FAQ rows using grid-template-rows 0fr→1fr — no fixed heights, perfect easing.

7.1k38.9k8.2kOpen

Aurora — SaaS Landing with Drifting Blobs

Dark hero with animated aurora gradient blobs, staggered entrance choreography and lift-on-hover feature cards. The modern AI-startup look.

4.8k38.2k5.1kOpen

Featured UI Elements⚛ TSX Live preview

Hamburger → Close Morph

Three gradient bars that spring into an X with rotation — the classic menu toggle, pure CSS.

5.2k37.4k8.9kOpen

Fan-Out Card Stack

Three data cards stacked that fan open with rotation on hover; click one to spring it to the front.

6.9k36.3k7.4kOpen

Featured UI Elements⚛ TSX Live preview

Heart Burst Like Button

Toggle like with a springy heart pop and ten particle glyphs flying out in random directions.

4.9k36.2k8.1kOpen

Looping Typewriter Effect

Monospace gradient text that types and deletes four phrases on a loop, with a blinking block cursor.

6.7k36.1k7.1kOpen

Forge — Terminal-Style Dev Tool Landing

A macOS terminal window typing out deploy commands on a loop, monospace display headline and a glow-grid hacker backdrop.

5.1k35.7k4.9kOpen

Overlapping Avatar Stack

Gradient initial circles overlapping in a stack that spreads apart on hover and lifts per avatar.

5k35.2k8.3kOpen

Sliding Indicator Tabs

A gradient pill that physically glides between tabs with a spring easing, while the panel cross-fades.

6.4k34.6k6.9kOpen

Rotating Gradient Border Button

A conic-gradient border that spins around a dark pill button via @property angle animation.

4.1k33.8k7.6kOpen

Live Audio Equalizer Bars

Twenty-two bars driven by layered sine waves for organic motion — hover boosts the energy.

6.2k33.8k6.6kOpen

Site Templates Live preview

Halo — Glassmorphism Mobile App Promo

Floating frosted-glass phone mockup with drifting color blobs, staggered glass cards, animated progress and a glass dock.

4k33.8k4.5kOpen

Fling & Snap Draggable Card

Pointer-event dragging with velocity tracking, momentum fling, damping and a spring back to center.

6.2k33.4k5.2kOpen

Site Templates Live preview

Wavelength — Audio Product with Live EQ

Music-app landing featuring an animated mixing console: canvas waveform, 14 dancing EQ bars, spinning knobs and a floating glass device.

4.5k31.9k4.2kOpen

Elastic Following Tooltip

A gradient tooltip that springs toward the cursor position with lerp smoothing and an arrow caret.

5.9k31.8k6.7kOpen

Interactive Star Rating

Five stars with hover preview, spring pop on fill and locked-in labels from Terrible to Legendary.

4.4k31.8k7.2kOpen

Scroll-Linked Parallax Scene

A scrollable night scene where the moon, mountains and hills translate at 0.3×/0.6×/0.85× scroll speed.

5.9k31.2k4.7kOpen

Glowing Range Slider

A filled-track slider whose violet→fuchsia fill follows the value, with a glowing white thumb.

4.3k30.9k7.1kOpen

Bouncy Letter Wave

The word MOTIONVAULT splits into per-letter spans that ride a looping spring wave and pop on hover.

5.5k30.7k5.6kOpen

Scroll Blur Reveal

Inside a scrollable panel, blocks un-blur, brighten and scale as they reach the center — proximity-based, no observers.

5.9k30.4k5.3kOpen

Neon Glow Toggle Switch

Springy knob that overshoots into a neon violet-fuchsia glow state when checked.

3.9k29.6k6.4kOpen

Top Page-Load Progress Bar

A YouTube/NProgress-style bar: starts fast, trickles toward 90%, then snaps complete with a glow head.

5.7k29.4k6.1kOpen

Count-Up Stat Cards

Three stat cards whose numbers spring up from zero with cubic ease-out, styled with gradient numerals.

5.2k28.7k5.4kOpen

Mouse-Tracking Grid Glow

An 8×8 tile grid: hovered cell ignites with glow, its eight neighbors light warm, rest fades to glass.

5.3k28.7k5.9kOpen

Gliding Segmented Control

iOS-style segmented control with a cyan-violet gliding thumb that springs between options.

3.9k28.6k6.3kOpen

Animated Gradient Progress Rings

Three SVG rings that stroke-draw to 82/64/95% with glow and count-up labels.

3.7k28.5k6.7kOpen

Flux — Waitlist Launch Countdown

Launch-soon page with a live ticking flip-style countdown, glow-grid backdrop, email capture and live 'joined' indicator.

4k28.4k3.6kOpen

Ripple Wave Field (Canvas)

Click or hover to emit expanding triple-ring ripples in cyan/violet/fuchsia with additive blending.

4.7k27.9k4.1kOpen

Glow Spring Checkboxes

Checkboxes that pop with an overshoot spring, gradient fill and violet glow; label brightens via :has().