Pick a styling direction

Three live, interactive demos showing how cloaked.agency can dress your site. Each is fully working — open it, click around, then tell us which direction feels right.

Demo 01 · Loading states

CSS Loaders

63 hand-built CSS spinner animations across 10 categories — rings, dots, bars, pulses, progress, morphing, text, skeletons, 3D. Copy any one with a single click.

Open demo loaders.panda.institute

Demo 02 · Micro-interactions

Modal Animations

Eight modal entrance styles — fade, slide, scale, swing, flip, blur, unfold, rotate. Pure CSS checkbox-hack, zero JavaScript, light/dark toggle, IG-reel preview.

Open demo modal.panda.institute

New

Demo 03 · Generative geometry

Math Curve Loaders

Eight parametric loading animations driven by pure math — cardioid, lissajous, rose, lemniscate, hypotrochoid, butterfly, epicycloid, phyllotaxis. Open any tile to tweak parameters live.

Open demo curves.panda.institute

How to use this

Open each demo and play with it for a minute or two.
Note which one feels closest to the energy you want for your site.
Reply with your pick (or a mix — we can blend) and we'll work it into your design system.