Style My Reel by mukh.1

Try the palettes live

Palette

This is the actual HTML composition running in your browser — the same code your agent learns from.

Signature moves

  • chrome-flip

    Headline letters swing up on a 3D hinge one by one: rotateX −100°→+14°→0 with a 0.2em rise.

  • shine

    A specular band sweeps once across chrome type ~0.4 s after the last letter lands.

  • jelly-pop

    Products, pills and colourways pop in with squash-and-stretch.

  • star-wipe

    The next scene is revealed through a five-point star growing from the centre, then the clip is released.

  • iris-ring

    Alternative wipe: circle iris with a 26px iridescent conic ring riding its edge.

  • disc-spin

    Iridescent disc rotates continuously; enters by scaling .5→1.

  • product-sway

    Hero product turns ±16° in 3D like a hanger on a rail.

  • glint-twinkle

    Hand-placed glints twinkle on desynced loops; a burst of 5 glints flies out of a pressed CTA.

Sound

Hyperpop / UK-garage-tinged pop instrumental, bright detuned synths, shuffled hats, a filtered vocal chop. Shiny and fast.

Voice

Optional. Breathy, cool, close-mic (≈130 wpm), or a single whispered line ('Drop four. Friday.'). Never announcer-style.

What's in the pack

STYLE.md

378 lines: tokens, motion system, 6+ scene recipes, captions, sound, ratios, self-audit.

SKILL.md

Auto-loads in Claude Code when you ask for this look.

palettes.json

4 tested palettes + rules for mapping your brand colours.

showcase.html

A working reference composition of every signature move.

Principle: chrome is the hero · pastel light, never flat · everything shimmers, nothing sits dead

More social & ads styles