SVGanimate!

★ bouncy · chibi · kawaii edition ★
JELLY BOUNCE 01
S v g A n i m a t e
squash & stretch~ bounce
CARTOON POP 02
S v g A n i m a t e
pop! pop! pop! chibi
RAINBOW WAVE 03
S v g A n i m a t e
over the rainbow~ wave
ELASTIC STRETCH 04
S v g A n i m a t e
boing~ boing~ elastic
CONFETTI POP 05
SvgAnimate SvgAnimate
party time!! 🎉 confetti
WIGGLE STAMP 06
SvgAnimate
stamp it good! wiggle
VOL · 02

EXTRA spicy!

NEON GLOW 07
SvgAnimate
buzz buzz... ⚡ neon
LIQUID FILL 08
SvgAnimate SvgAnimate
glug glug glug~ liquid
BLACKHOLE 09
S v g A n i m a t e
swallowed by void! vortex
PIXEL DROP 10
8-bit assembly! pixel
GHOSTLY ECHO 11
SvgAnimate SvgAnimate SvgAnimate SvgAnimate
boo~ boo~ boo~ echo
SPIRAL PORTAL 12
S v g A n i m a t e
warp speed engaged! portal
Vol · 03 — Tech Brand Edition

Engineered motion.

// precision · gradient · grid · data
Precision Reveal 001 / 006
SvgAnimate
clip-path · cubic-bezier sweep →
Gradient Shift 002 / 006
SvgAnimate
animated stop-color shifts →
Data Stream 003 / 006
SvgAnimate
binary rain · monospace →
Aurora Outline 004 / 006
SvgAnimate SvgAnimate SvgAnimate
gradient stroke · animated stops →
Kinetic Grid 005 / 006
SvgAnimate
infrastructure-first reveal →
Assemble 006 / 006
S v g A n i m a t e
blur-in · cubic-bezier(.16,1,.3,1) →
Vol ·IV· Cinematic Titles

A motion picture, in one word.

Presented in 21:9 · Dolby Atmos · Letterboxed
SCENE 01 · INCEPTION
CAM A · 24FPS
SVGANIMATE
"in the silence, a name." 00:00:07:12
SCENE 02 · SHATTER
CAM B · 48FPS
SvgAnimate SvgAnimate SvgAnimate SvgAnimate
"the moment everything broke." 00:01:23:08
SCENE 03 · NOIR
CAM C · 24FPS
SVGANIMATE SVGANIMATE
"a name spoken in shadow." 00:02:47:21
SCENE 04 · EPIC RISE
CAM D · 24FPS
SVGANIMATE SVGANIMATE
"and so it began." 00:04:12:00
SCENE 05 · HYPERSPACE
CAM E · 60FPS
SvgAnimate
"punching through the dark." 00:06:33:14
SCENE 06 · EMBERS
CAM F · 24FPS
SvgAnimate
"forged in fire." 00:08:55:09
Vol · V — Dimensional

Type, in three dimensions.

CSS Transform 3D · Perspective · Depth
Extruded Block i.
SvgAnimate SvgAnimate SvgAnimate SvgAnimate SvgAnimate SvgAnimate SvgAnimate SvgAnimate SvgAnimate SvgAnimate SvgAnimate SvgAnimate SvgAnimate
Layered SVG · 13 stacked planes ↗ depth
Spinning Cube ii.
SvgAnimate
SvgAnimate
SvgAnimate
SvgAnimate
SvgAnimate
SvgAnimate
preserve-3d · 6-face translateZ ↗ rotate
Tunnel Fly-Through iii.
SvgAnimate
SvgAnimate
SvgAnimate
SvgAnimate
SvgAnimate
SvgAnimate
SvgAnimate
SvgAnimate
translateZ · staggered Z-depth ↗ infinite
Isometric Stack iv.
SvgAnimate SvgAnimate SvgAnimate SvgAnimate SvgAnimate SvgAnimate
rotateX(55°) rotateZ(-30°) ↗ isometric
Tile Flip Wave v.
S
S
v
v
g
g
A
A
n
n
i
i
m
m
a
a
t
t
e
e
rotateY · staggered backface ↗ flip
Hologram Projection vi.
SvgAnimate SvgAnimate
blur stack · scanlines · flicker ↗ hologram