01
Color & atmosphere
Animated Mesh Gradient
Shape layered color fields into a fluid background with natural motion and texture.
Creative studios
Choose what you want to make move.
54 focused studios across backgrounds, typography, interaction, graphics, and spatial motion. Every one opens with a finished direction—not a blank canvas.
09 studios
Backgrounds & atmosphere
Color, light, particles, texture, patterns, and ambient surfaces.
03
Particles & systems
Particle & Flow
Build quiet particle fields, responsive networks, and organic directional flow.
04
Light & atmosphere
Aurora Field
Compose soft ribbons of atmospheric light with depth, drift, and a controlled night-sky glow.
05
Texture & surface
Noise & Grain
Design tactile grain, paper, dust, and film textures that can sit naturally over modern interfaces.
32
Pattern & signal
Dot Matrix Field
Compose lightweight responsive dot fields with waves, pulses, and graphic signal patterns.
45
Pattern & print
Halftone Pattern
Compose animated print-inspired dot fields with controlled scale, angle, drift, and contrast.
46
Pattern & direction
Animated Stripes
Direct crisp bands, ribbons, scans, and diagonal flows as lightweight atmospheric surfaces.
47
Form & atmosphere
Metaball Field
Blend softly connected color bodies into organic ambient fields with bounded CSS motion.
48
Surface & response
Ripple Surface
Build concentric wave, sonar, liquid, and impact surfaces with precise rhythm and depth.
15 studios
Typography & rhythm
Headline reveals, data motion, loops, distortion, and expressive text systems.
02
Type & rhythm
Animated Typography
Turn a headline into a considered reveal, wave, stagger, or moving shimmer.
09
Type & distortion
Glitch Typography
Direct restrained scan, slice, RGB-shift, and signal-break typography without aggressive flashing.
11
Type & choreography
Split Text Reveal
Choreograph words, characters, or lines into precise editorial entrances with controlled rhythm.
12
Type & color
Animated Gradient Text
Move luminous color, shine, and spectral bands through display type without sacrificing legibility.
13
Type & decoding
Text Scramble
Decode messages through restrained character systems with controllable order, timing, and hold states.
14
Type & looping
Seamless Marquee
Build continuous one- to three-row type loops with alternating direction and genuinely seamless spacing.
23
Data & rhythm
Kinetic Counter
Roll numbers, metrics, and milestones through precise odometer-style transitions.
24
Type & masking
Masked Text Reveal
Uncover headlines through directional masks, layered wipes, and editorial windows.
25
Type & mechanism
Split-Flap Text
Build tactile board-style messages with calm flips, sequencing, and readable final states.
26
Type & orbit
Circular Type
Wrap responsive copy around rings, seals, and orbital paths with controlled rotation.
35
Type & emphasis
Kinetic Underline
Draw editorial underline gestures beneath live text with authored timing, texture, and direction.
36
Type & sequencing
Typewriter Sequence
Sequence precise typing, deletion, cursor, and pause states for product stories and terminal moments.
37
Type & emphasis
Text Highlight Sweep
Sweep layered marker, block, and glow treatments through important words without losing readability.
38
Type & rotation
Rolling Headline
Rotate headline phrases through compact reels, vertical masks, and composed editorial transitions.
39
Type & depth
Layered Text Shadow
Build dimensional type from bounded chromatic shadows, echoes, and responsive light direction.
15 studios
Components & interaction
Navigation, guidance, cards, controls, feedback, and micro-motion.
06
Pointer & interaction
Cursor Trail
Build responsive pointer trails from soft light, elastic dots, sparks, and chromatic ribbons.
07
Components & states
Button Motion
Create polished hover, press, magnetic, fill, and shimmer behavior for real interface buttons.
15
Objects & depth
3D Card Tilt
Turn cards into tactile objects with bounded perspective, directional glare, touch, and keyboard control.
16
Components & focus
Border Beam
Carry a quiet light signal around component edges for focus, status, and premium surface motion.
17
Feedback & state
Loading Motion
Compose calm, brandable progress indicators across orbits, dots, bars, tracks, pulses, and tiles.
18
Controls & state
Animated Toggle
Design expressive native-checkbox transitions for settings, modes, favorites, power, and themes.
27
Navigation & proximity
Magnetic Dock
Design accessible navigation docks with bounded proximity, magnification, and focus motion.
28
Guidance & focus
Animated Tooltip
Create clear hover and keyboard tooltips with deliberate placement and restrained reveals.
29
Disclosure & layout
Accordion Motion
Shape accessible disclosure transitions for FAQs, navigation, and layered product content.
30
Feedback & messaging
Toast Stack
Stage compact notification systems with live announcements, stacking, and exit motion.
40
Navigation & state
Animated Tabs
Design accessible tab systems with shared indicators, content transitions, and responsive layouts.
41
Overlays & focus
Modal Motion
Stage dialog entrances, scrims, depth, and exits with clear focus and restrained spatial motion.
42
Forms & feedback
Input Focus Motion
Create legible field focus, validation, label, and border motion for polished form experiences.
43
Navigation & reveal
Menu Transition
Choreograph compact menus and full navigation reveals with stagger, masking, and clear hierarchy.
44
Navigation & progress
Pagination Motion
Move page indicators, pills, progress tracks, and directional controls through readable state changes.
05 studios
Graphics & form
SVG paths, morphing marks, liquid shapes, and spectral surfaces.
08
SVG & illustration
SVG Path Animator
Draw expressive SVG lines, loops, and signatures with precise timing and production-ready markup.
10
Shape & distortion
Liquid Blob
Sculpt morphing organic forms with layered color, fluid edges, and responsive dimensional movement.
31
SVG & transformation
Morphing Icon
Choreograph compact SVG marks through authored shape, stroke, and state transitions.
33
Surface & light
Holographic Surface
Direct bounded foil, glare, and spectral surface motion for cards and product moments.
49
Surface & optics
Glass Refraction
Shape interactive glass lenses, spectral edges, and restrained refraction for premium UI moments.
10 studios
Spatial & 3D
Perspective, parallax, orbital scenes, geometry, and dimensional light.
19
CSS 3D & orbit
CSS 3D Orbit
Stage dimensional orbital systems with layered rings, objects, lighting, and adjustable perspective.
20
Light & depth
Volumetric Light Rays
Direct soft shafts of dimensional light into atmospheric hero surfaces using lightweight CSS layers.
21
Space & perspective
Perspective Grid
Construct deep horizon grids, portals, and architectural fields with controlled camera movement.
22
Layers & parallax
Parallax Layers
Build responsive depth from independent foreground, subject, atmosphere, and backdrop layers.
34
Geometry & depth
Isometric Cube Field
Arrange dimensional cube systems with controlled density, lift, light, and perspective.
50
Space & navigation
Depth Carousel
Arrange responsive carousel scenes with authored depth, focus, and camera-like progression.
51
Objects & depth
3D Card Stack
Layer tactile card decks with perspective, lift, spread, and deliberate hover choreography.
52
Space & perspective
Perspective Tunnel
Construct deep looping tunnels from bounded frames, calibrated vanishing points, and light.
53
Objects & atmosphere
Floating Objects
Suspend dimensional shapes in controlled orbital, buoyant, and ambient motion systems.
54
Media & motion
Kinetic Gallery
Stage editorial image systems with layered rails, curved depth, and rhythmic gallery motion.
One coherent system
54 studios. No dead ends.
Every preview uses the renderer inside its studio. Every visible export creates working code or a real file, and every tool remains free, local, and watermark-free.