这一层只收录带 React 的动画片段：每一件都在沙箱里真实运行，附带可直接粘进 Cursor / Claude Code / v0 的 AI Prompt，复制即可在你的React项目里 1:1 还原。
A radar scope with a rotating conic sweep, pulse rings and blinking contacts. Rendered in the Ocean Sky palette.
Oversized blurred gradient blobs that drift and breathe behind any content. Rendered in the Rose Gold palette.
Headline letters rise from a blurred mask one by one — click to replay. Rendered in the Sunset Amber palette.
Oversized blurred gradient blobs that drift and breathe behind any content. Rendered in the Sunset Amber palette.
A radar scope with a rotating conic sweep, pulse rings and blinking contacts. Rendered in the Deep Indigo palette.
A wall of cells that light up and swell around your cursor like a tactile light panel. Rendered in the Royal Gold palette.
A live launch countdown: gradient drop-panels tick every second toward a stored target date. Rendered in the Mono Pearl palette.
Three big numbers race upward with a soft overshoot when the panel scrolls into view. Rendered in the Royal Gold palette.
Layered translucent sine waves gliding across the canvas at different speeds. Rendered in the Deep Indigo palette.
A typewriter that types, holds and deletes a loop of phrases with a glowing caret. Rendered in the Royal Gold palette.
A radar scope with a rotating conic sweep, pulse rings and blinking contacts. Rendered in the Cyber Lime palette.
Headline letters rise from a blurred mask one by one — click to replay. Rendered in the Ultra Violet palette.
Three blurred, screen-blended gradient blobs drift, scale and morph border-radius for a liquid ambient background.
A glowing core with three orbit rings whose satellites circle at different speeds. Rendered in the Mono Pearl palette.
A typewriter that types, holds and deletes a loop of phrases with a glowing caret. Rendered in the Mint Breeze palette.
A cinematic progress strip: three captions scrub across in sequence with a page-progress bar — like scroll, hands-free. Rendered in the Cyber Lime palette.
A cinematic progress strip: three captions scrub across in sequence with a page-progress bar — like scroll, hands-free. Rendered in the Ultra Violet palette.
Ambient drifting particle field with soft glow and connecting lines.
Animated sine waves with layered colors and phase offsets.
Celebratory confetti burst with physics and rainbow colors.
Gentle rising bubble animation in a glass container.
Planetary orbit animation with rotating rings and moons.
Typewriter text with blinking caret and loop cycle.
Button that magnetically follows the cursor within bounds.
Cards that fade/slide in as they enter the viewport.
Eight nav pills orbit a glowing core on a circular path — counter-rotation keeps labels upright; hover pauses.
Material-style ink ripples that bloom from the exact click point of each button. Rendered in the Royal Gold palette.
Three big numbers race upward with a soft overshoot when the panel scrolls into view. Rendered in the Deep Indigo palette.
The button is magnetized to your cursor — it leans toward the pointer and springs back. Rendered in the Ultra Violet palette.
Material-style ink ripples that bloom from the exact click point of each button. Rendered in the Aurora Teal palette.
A live launch countdown: gradient drop-panels tick every second toward a stored target date. Rendered in the Cyber Lime palette.
Seamless looping marquee with eased motion and reverse option.
Diagonal light sweep that glides across cards on hover.
Badges that float/bob with a soft shadow to suggest depth.
Animated gradient background with flowing colors.
Animated circular progress with count-up percentage.
Rolling number animation for counters and dashboards.
Skeleton blocks with continuous shimmer sweep.
Collection of spinner variants with different speeds.
Pulsing heart icon with beat rhythm for likes.
A radar scope with a rotating conic sweep, pulse rings and blinking contacts. Rendered in the Rose Gold palette.
Firework rockets bursting into spark trails.
Falling snow particles with sway for seasonal scenes.
Headline text with animated gradient shimmer.
Material-style ripple expanding from the click point.
Organic blob morphing between shapes with smooth easing.
Icon with jelly wobble on hover using spring keyframes.
List items entering with staggered fade/rise choreography.
Audio equalizer bars with randomized bounce.
Button with pulsing glow rings radiating outward.
Layered translucent sine waves gliding across the canvas at different speeds. Rendered in the Cyber Lime palette.
A glowing core with three orbit rings whose satellites circle at different speeds. Rendered in the Cyber Lime palette.
Card flipping to reveal back content on hover.
Parallax layers moving at different speeds on pointer move.
Animated SVG wave divider at section boundaries.
Liquid fill loader with droplet overflow.
Spinner with orbiting satellite dots around a core.
Crossfade slider between images with soft blur transition.
Four blurred gradient blobs drifting on independent long loops with screen blend — a zero-JS ambient backdrop.
Error alert shaking to grab attention.
Multi-phrase typewriter with erase and type cycle.
Skeleton text lines with shimmer for loading blocks.
A cinematic progress strip: three captions scrub across in sequence with a page-progress bar — like scroll, hands-free. Rendered in the Mint Breeze palette.
Cards fade and rise in with per-index delay when they enter the viewport — IntersectionObserver pattern.
A radar scope with a rotating conic sweep, pulse rings and blinking contacts. Rendered in the Sunset Amber palette.
Three big numbers race upward with a soft overshoot when the panel scrolls into view. Rendered in the Candy Pink palette.
Radar-style sweeping line with blips.
Text rotating along a circular path.
Links with underline that grows from left on hover.
Flickering neon sign with glow and occasional flicker.
Stepped progress with pulsing current step and checkmarks.
Grid cells pulsing in sequence for a tech feel.
Hand-drawn SVG path drawing itself on load.
Floating particles with trail and color cycling.
The button is magnetized to your cursor — it leans toward the pointer and springs back. Rendered in the Ocean Sky palette.
Icons with elastic overshoot when hovered.
Slow-moving background blobs with color crossfade.
Colorful sparkles spawn at the pointer and drift with gravity, shrinking and fading — full-screen canvas overlay.
Ring loader with pulsing halo and rotating arc.
A glowing core with three orbit rings whose satellites circle at different speeds. Rendered in the Aurora Teal palette.
A cinematic progress strip: three captions scrub across in sequence with a page-progress bar — like scroll, hands-free. Rendered in the Rose Gold palette.
Layered translucent sine waves gliding across the canvas at different speeds. Rendered in the Ultra Violet palette.
A typewriter that types, holds and deletes a loop of phrases with a glowing caret. Rendered in the Rose Gold palette.
Oversized blurred gradient blobs that drift and breathe behind any content. Rendered in the Mono Pearl palette.
Moon and three mountain ranges drift at different speeds against the cursor — instant cinematic depth.
Six-faced wireframe cube rotating in perspective — pure CSS 3D transforms with glow faces.
Material-style ink ripples that bloom from the exact click point of each button. Rendered in the Candy Pink palette.
A wall of cells that light up and swell around your cursor like a tactile light panel. Rendered in the Mint Breeze palette.
A ring of 60 particles flowing around a track that fills with a breathing percentage readout.
Headline letters rise from a blurred mask one by one — click to replay. Rendered in the Cyber Lime palette.
Material-style ink ripples that bloom from the exact click point of each button. Rendered in the Crimson Heat palette.
48-bar equalizer that dances while playing — simulated audio bars with randomized timing, play/pause toggle.
Oversized blurred gradient blobs that drift and breathe behind any content. Rendered in the Ultra Violet palette.
A conic-gradient border light that endlessly orbits the card using @property angle animation and blur glow.
A wall of cells that light up and swell around your cursor like a tactile light panel. Rendered in the Cyber Lime palette.
The button is magnetized to your cursor — it leans toward the pointer and springs back. Rendered in the Mono Pearl palette.
A glowing core with three orbit rings whose satellites circle at different speeds. Rendered in the Crimson Heat palette.
A dark room where a radial mask follows the cursor like a torch, revealing bright content around it.
A glowing core with three orbit rings whose satellites circle at different speeds. Rendered in the Ultra Violet palette.
A glowing fuchsia orb trails the pointer with eased lerp and enlarges into a cyan pool over text.
Live days/hours/mins/secs countdown with glass cells, mono gradient numerals and a tick animation each change.
Slow translucent gel beads floating and stacking softly.
The button is magnetized to your cursor — it leans toward the pointer and springs back. Rendered in the Rose Gold palette.
A cinematic progress strip: three captions scrub across in sequence with a page-progress bar — like scroll, hands-free. Rendered in the Ocean Sky palette.
Drifting particles that link into a living constellation web, attracted to your cursor. Rendered in the Sunset Amber palette.
A typewriter that types, holds and deletes a loop of phrases with a glowing caret. Rendered in the Ocean Sky palette.
A macOS-style terminal window that types out a deploy script line by line — commands in cyan, checks in green.
Oversized blurred gradient blobs that drift and breathe behind any content. Rendered in the Cyber Lime palette.
The button is magnetized to your cursor — it leans toward the pointer and springs back. Rendered in the Deep Indigo palette.
A wall of cells that light up and swell around your cursor like a tactile light panel. Rendered in the Ocean Sky palette.
A cinematic progress strip: three captions scrub across in sequence with a page-progress bar — like scroll, hands-free. Rendered in the Royal Gold palette.
Three gradient dots bounce and squash with a ripple delay, above a blinking 'loading…' label.
Words resolve from a stream of random glyphs — the classic hacker decode effect. Rendered in the Crimson Heat palette.
Particles gently attracted to the cursor forming a living field.
Colourful confetti bursting from a center point with rotation and gravity.
Bubbles rising and popping at the surface with gentle wobble.
Layered translucent sine waves gliding across the canvas at different speeds. Rendered in the Candy Pink palette.
A starfield drifting diagonally with twinkle variance and depth tint.
Planets orbiting glowing rings with elliptical paths and trail dots.
A glowing core with three orbit rings whose satellites circle at different speeds. Rendered in the Deep Indigo palette.
Words typing and deleting on a loop with blinking caret.
Animated gradient blobs morphing behind glassy text, GPU-cheap.
Card tilting in 3D toward the cursor with glare highlight following.
Four glass stat cards whose numbers ease-out count from zero to target with per-card corner glows.
Diagonal shimmer-sweep skeleton placeholders for cards and lists while content loads.
A live launch countdown: gradient drop-panels tick every second toward a stored target date. Rendered in the Crimson Heat palette.
SVG ring fills with a glowing fuchsia arc and mono percentage — +10% and reset buttons animate it.
Drifting particles that link into a living constellation web, attracted to your cursor. Rendered in the Ultra Violet palette.
Soft blurred blobs floating upward with varying speeds and hues.
Stats counting up on scroll into view with easing and suffix.
Two-direction seamless marquee belts of text and glyphs with pause on hover.
Lissajous-style curve dancing on canvas with rotating phases.
Particles linked by proximity lines forming a neural web.
Confetti firing from both edges across the screen in waves.
A live launch countdown: gradient drop-panels tick every second toward a stored target date. Rendered in the Aurora Teal palette.
Tiny bubbles churning like a boiling liquid in a glass vessel.
Occasional shooting stars streaking across a static starfield.
Atom-style nucleus with electrons spinning on tilted orbits.
Simulated terminal typing commands with blinking prompt.
Click anywhere and a fountain of palette-colored confetti erupts from the pointer. Rendered in the Candy Pink palette.
A live launch countdown: gradient drop-panels tick every second toward a stored target date. Rendered in the Royal Gold palette.
Full-canvas aurora gradients shifting like northern lights.
Card with a radial spotlight that moves with the cursor plus tilt.
Metaballs attracting and fusing with organic boundaries.
Numbers rolling like an odometer when they change.
Logo belt scrolling with edge fade masks and grayscale hover.
Three big numbers race upward with a soft overshoot when the panel scrolls into view. Rendered in the Crimson Heat palette.
A heartbeat ECG line pulsing across a monitor-style canvas.
Sparks rising like embers with flicker and fade.
Confetti falling steadily like rain with gentle sway.
Fine champagne-like bubbles rising with accelerated pop near top.
Stars slowly rotating in a spiral like a galaxy disc.
A radar scope with a rotating conic sweep, pulse rings and blinking contacts. Rendered in the Aurora Teal palette.
Four glowing geometric symbols drift at different depths against the cursor; headline moves subtly on top.
Three big numbers race upward with a soft overshoot when the panel scrolls into view. Rendered in the Mono Pearl palette.
Layered translucent sine waves gliding across the canvas at different speeds. Rendered in the Royal Gold palette.
Three big numbers race upward with a soft overshoot when the panel scrolls into view. Rendered in the Ultra Violet palette.
A satellite orbiting earth with comm pulses and path dots.
Layered translucent sine waves gliding across the canvas at different speeds. Rendered in the Aurora Teal palette.
A glowing core with three orbit rings whose satellites circle at different speeds. Rendered in the Royal Gold palette.
Subtitle-style words appearing word by word like live captions.
Liquid-like gradient flowing in loops with colour mixing.
Card with parallax inner layers moving at different depths.
Warm blobs rising like a lava lamp with stretchy motion.
Circular rings filling to percentages with counting text.
Marquee whose items scramble-decode into words as they pass.
Click anywhere and a fountain of palette-colored confetti erupts from the pointer. Rendered in the Crimson Heat palette.
3D card tilt following pointer rotation with glare.
Three stacked ocean waves with different speeds and crest highlights.
Fireflies drifting and blinking in a dark forest scene.
Confetti fanning like party streamers from a top corner.
Gradient shimmer progress bar with a huge mono percentage and contextual tips that change per phase.
Stars stream from the center as lines that stretch with velocity — click/hold to engage warp boost.
A radar scope with a rotating conic sweep, pulse rings and blinking contacts. Rendered in the Ultra Violet palette.
Bubbles streaming from two air stones with swaying currents.
Stars streaking outward in a warp-speed tunnel effect.
A miniature solar system with rotating planets and sun glow.
Grid of dots forming a traveling wave pattern.
A bot-style panel typing out questions on repeat.
Click anywhere and a fountain of palette-colored confetti erupts from the pointer. Rendered in the Mint Breeze palette.
Rapid hue-shifting gradient for bold backgrounds.
Oversized blurred gradient blobs that drift and breathe behind any content. Rendered in the Aurora Teal palette.
Card flipping on hover to reveal back content in 3D.
Dark scene with faint bioluminescent blobs pulsing slowly.
A countdown timer whose digits flip down like split-flap.
Vertical ticker scrolling headlines upward on a loop.
Symmetric bars waving like a live audio visualizer.
Trail particles forming constellations behind the cursor.
A wall of cells that light up and swell around your cursor like a tactile light panel. Rendered in the Rose Gold palette.
Confetti swirling outward in a spiral burst.
Carbonation bubbles rising in a glass with foam head.
Bright comets crossing a calm starfield at intervals.
A glowing ring with energy pulses circulating around a core.
Words flashing one at a time like a speed-reading app.
Analog clock with smooth second hand motion.
Headline letters rise from a blurred mask one by one — click to replay. Rendered in the Candy Pink palette.
Slow sunset-hued gradient drifting across a full screen.
A glossy card whose shine follows the cursor across the surface.
Two gel-like blobs wobbling in a loading dance.
Finance-style counters ticking up with commas and decimals.
Material-style ink ripples that bloom from the exact click point of each button. Rendered in the Deep Indigo palette.
Headline letters rise from a blurred mask one by one — click to replay. Rendered in the Mint Breeze palette.
Full-screen canvas where clicks spawn triple-ring wavefronts that decay; ambient waves spawn automatically.
Testimonial quotes scrolling continuously with avatar chips.
Concentric rings rippling outward from periodic drops.
Floating dust catching aurora light in a slow drift.
Bursts of confetti like fireworks with trailing sparks.
Bubbles rising past swaying kelp strands.
Drifting particles that link into a living constellation web, attracted to your cursor. Rendered in the Candy Pink palette.
Calm rotating night sky with subtle gradient and stars.
A planet ring with slow precession tilt and shadow arc.
Ball bouncing with gravity and squash/stretch.
A cinematic progress strip: three captions scrub across in sequence with a page-progress bar — like scroll, hands-free. Rendered in the Candy Pink palette.
Three-dot typing bubble morphing into arriving message text.
A wall of cells that light up and swell around your cursor like a tactile light panel. Rendered in the Sunset Amber palette.
Vaporwave gradient horizon with retro sun and scanlines.
Photo frame with depth layers tilting on cursor movement.
Three big numbers race upward with a soft overshoot when the panel scrolls into view. Rendered in the Aurora Teal palette.
Words resolve from a stream of random glyphs — the classic hacker decode effect. Rendered in the Mint Breeze palette.
Three big numbers race upward with a soft overshoot when the panel scrolls into view. Rendered in the Cyber Lime palette.
Ink-like blobs blooming slowly in water.
A stat row whose counters fire when scrolled into view.
Skills and tech tags scrolling in a marquee loop.
Height-oscillating bars mimicking a playing equalizer.
Snowflakes falling with sway and size variance.
A glowing analog clock with smooth rAF-driven hands plus a digital readout — set in neon fuchsia and cyan.
Material-style ink ripples that bloom from the exact click point of each button. Rendered in the Rose Gold palette.
Small confetti burst at the click point for micro-interactions.
Playful rainbow-tinted bubbles in a kids-friendly scene.
A typewriter that types, holds and deletes a loop of phrases with a glowing caret. Rendered in the Cyber Lime palette.
A band of dense stars with nebula tint like the milky way.
Three bodies orbiting in a chaotic-but-beautiful dance.
Lines typing in as if streaming async logs with timestamps.
A wall of cells that light up and swell around your cursor like a tactile light panel. Rendered in the Ultra Violet palette.
Aurora gradient behind frosted-glass panels.
Headline letters rise from a blurred mask one by one — click to replay. Rendered in the Royal Gold palette.
Magnetic pricing card tilting toward the cursor with CTA glow.
Iridescent oil-slick blobs shifting colours as they move.
Arcade-style score counter rolling up quickly.
Awards and badges scrolling in a prestigious ribbon marquee.
Two waves interfering with plasma-like banding.
Logo/glyph marquee that pauses on hover; tiles tilt and glow when individually hovered.
A live launch countdown: gradient drop-panels tick every second toward a stored target date. Rendered in the Candy Pink palette.
Particles swirling in a slow galaxy vortex.
Confetti celebrating alongside bobbing graduation caps.
Slow viscous bubbles in warm lava tones.
Stars connecting into constellation lines on a timer.
Click anywhere and a fountain of palette-colored confetti erupts from the pointer. Rendered in the Ocean Sky palette.
A typewriter that types, holds and deletes a loop of phrases with a glowing caret. Rendered in the Sunset Amber palette.
Drifting particles that link into a living constellation web, attracted to your cursor. Rendered in the Royal Gold palette.
Rings balancing on axes like a gyroscope.
Rotating headlines typing in and out for hero sections.
Neon gradients flowing through a field of curves.
A wall of photo frames each tilting subtly toward the cursor.
Large soft blobs blending like an abstract ink wash.
A price ticker counting with green/red flips.
String lights twinkling while a message scrolls beneath.
Droplets landing on water and spawning expanding ripple rings.
Dots on a loose grid bending toward the cursor like a magnetic field.
Gold-toned confetti drifting slowly like torn tickets celebrating a win.
Headline letters rise from a blurred mask one by one — click to replay. Rendered in the Ocean Sky palette.
A glowing core with three orbit rings whose satellites circle at different speeds. Rendered in the Candy Pink palette.
A cinematic progress strip: three captions scrub across in sequence with a page-progress bar — like scroll, hands-free. Rendered in the Sunset Amber palette.
Layered translucent sine waves gliding across the canvas at different speeds. Rendered in the Mono Pearl palette.
Oversized blurred gradient blobs that drift and breathe behind any content. Rendered in the Deep Indigo palette.
Full-height intro then four step cards that pin and stack over each other as you scroll, tinted per card.
Drifting particles that link into a living constellation web, attracted to your cursor. Rendered in the Ocean Sky palette.
A typewriter that types, holds and deletes a loop of phrases with a glowing caret. Rendered in the Ultra Violet palette.
A live launch countdown: gradient drop-panels tick every second toward a stored target date. Rendered in the Ultra Violet palette.
The button is magnetized to your cursor — it leans toward the pointer and springs back. Rendered in the Cyber Lime palette.
A CTA wrapped in an animated conic-gradient ring rotating via @property — with a cyan colorway variant.
The button is magnetized to your cursor — it leans toward the pointer and springs back. Rendered in the Sunset Amber palette.
Material-style ink ripples that bloom from the exact click point of each button. Rendered in the Ocean Sky palette.
Click anywhere to fire a radial hyperspace streak burst from that point; ambient violet lines drift continuously.
Oversized blurred gradient blobs that drift and breathe behind any content. Rendered in the Ocean Sky palette.
Long-form manifesto text that lights up one word at a time as you scroll, each with a marker underline.
Click anywhere and a fountain of palette-colored confetti erupts from the pointer. Rendered in the Aurora Teal palette.
Each click emits an expanding ring that scales and fades from the pill CTA — stack clicks for a sonar effect.
Material-style ink ripples that bloom from the exact click point of each button. Rendered in the Mint Breeze palette.
Click anywhere and a fountain of palette-colored confetti erupts from the pointer. Rendered in the Rose Gold palette.
Glass stat cards whose gradient numbers ease from zero when scrolled into view, powered by IntersectionObserver.
900 points arranged on a fibonacci sphere, projected in 3D with depth shading — drag to spin, auto-orbits when idle.
A wall of cells that light up and swell around your cursor like a tactile light panel. Rendered in the Candy Pink palette.
Headline letters rise from a blurred mask one by one — click to replay. Rendered in the Rose Gold palette.
Words resolve from a stream of random glyphs — the classic hacker decode effect. Rendered in the Aurora Teal palette.
A radar scope with a rotating conic sweep, pulse rings and blinking contacts. Rendered in the Mono Pearl palette.
Three CTA buttons that lean toward your cursor with physics-based spring motion; the label counter-moves for parallax.
Drifting particles that link into a living constellation web, attracted to your cursor. Rendered in the Cyber Lime palette.
Drifting particles that link into a living constellation web, attracted to your cursor. Rendered in the Rose Gold palette.
A typewriter that types, holds and deletes a loop of phrases with a glowing caret. Rendered in the Candy Pink palette.
Blur-hash style placeholder that de-blurs and saturates into a sharp image — perceived performance win.
The button is magnetized to your cursor — it leans toward the pointer and springs back. Rendered in the Aurora Teal palette.
A live launch countdown: gradient drop-panels tick every second toward a stored target date. Rendered in the Deep Indigo palette.
Layered translucent sine waves gliding across the canvas at different speeds. Rendered in the Crimson Heat palette.
Infinite edge-masked ticker with a seamless looping track — promo bars, news tape, announcement strips.
Click anywhere and a fountain of palette-colored confetti erupts from the pointer. Rendered in the Deep Indigo palette.
Words resolve from a stream of random glyphs — the classic hacker decode effect. Rendered in the Ocean Sky palette.
Drifting particles that link into a living constellation web, attracted to your cursor. Rendered in the Mint Breeze palette.
Click anywhere and a fountain of palette-colored confetti erupts from the pointer. Rendered in the Royal Gold palette.
Words resolve from a stream of random glyphs — the classic hacker decode effect. Rendered in the Rose Gold palette.
Words resolve from a stream of random glyphs — the classic hacker decode effect. Rendered in the Candy Pink palette.
Two layered sine waves drifting on canvas with opposing phase and glow stroke.
Words resolve from a stream of random glyphs — the classic hacker decode effect. Rendered in the Royal Gold palette.
Words resolve from a stream of random glyphs — the classic hacker decode effect. Rendered in the Deep Indigo palette.
Pointer-event dragging with velocity tracking, momentum fling, damping and a spring back to center.
The word MOTIONVAULT splits into per-letter spans that ride a looping spring wave and pop on hover.
Click or hover to emit expanding triple-ring ripples in cyan/violet/fuchsia with additive blending.
A scrollable night scene where the moon, mountains and hills translate at 0.3×/0.6×/0.85× scroll speed.
Inside a scrollable panel, blocks un-blur, brighten and scale as they reach the center — proximity-based, no observers.
A 12-cell grid that springs in with an 80ms waterfall delay — the anime.js stagger() pattern in vanilla JS.
Twenty-two bars driven by layered sine waves for organic motion — hover boosts the energy.
An 8×8 tile grid: hovered cell ignites with glow, its eight neighbors light warm, rest fades to glass.
Monospace gradient text that types and deletes four phrases on a loop, with a blinking block cursor.
Hand-rolled gravity + restitution spring: the ball bounces, squashes on impact and casts a scaling shadow.
Fifty drifting nodes that link up within proximity and drift away from — yet stay near — your cursor.
Gravity-driven confetti in six colors — rects and circles with rotation — fired on click or from the pulsing button.