Loading,
Beautifully

16 pieces · CSS & SVG · JavaScript only flips states

• 01

  Tidal Blob

  border-radius morph

  CSS
• 02

  Orbit Trails

  staggered rotation

  CSS
• 03

  Ink Check

  stroke-dashoffset

  CSS
• 04

  Liquid Fill

  @property counter

  CSS
• 05

  Origami Tiles

  3D spiral flips

  CSS
• inout
  06

  Breathing Ring

  scale + echo

  CSS
• 07

  Helix

  phase delays

  CSS
• loading...
  08

  Typewriter

  steps() + ch

  CSS
• 09

  Pendulum

  translate + scale

  CSS
• 10

  Comet

  conic + mask

  CSS
• 11

  Pixel Wave

  diagonal stagger

  CSS
• 12

  Page Flip

  rotateY in 3D

  CSS
• 13

  Elastic Heart

  click to like

  CSS
• 14

  Day / Night

  click to toggle

  CSS
• Download
  15

  Download → Done

  click to run

  CSS
• 16

  Skeleton Shimmer

  sweeping highlight

  CSS