Skip to content
KALIX

Loam

Live site · Scroll-scrubbed video

Open the live site

An everyday runner on a cream backdrop: scrolling turns the shoe over, part by part, before the product page.

Works with
Lovable · Bolt · Cursor · Claude
Made by
Kalix

Live concept site · Scroll-scrubbed video

Turn it over before you buy it: the scroll turns the shoe the way you would in a shop, and the spec rail names each part as it comes round.

Open the live site

What to try

  • A 121-frame scrub with neighbouring frames blended, so the shoe turns smoothly from three-quarter view to profile
  • An idle hover: when the scroll stops, the shoe sways and bobs gently while its shadow stays on the floor, paling as the shoe rises
  • A spec rail that steps through upper, midsole and heel as each comes into view
  • A size and width picker that shows EU and US equivalents, with arrow-key radio groups, and says plainly that nothing is charged

What the prompt gives you

  • The long-form build prompt, written from the finished site
  • How phones keep the whole shoe: the crop is extended with the backdrop instead of cut

Assets and dependencies

AssetHow to get itLicence
Floating runner turning on a cream backdrop (5 s, 1924 × 1076, 24 fps)Owner’s Kling generation in demo/sneaker/; frames exported by scripts/prepare-footage.mjsAI video generated by the owner in Kling — local development only until Kling’s terms for commercial use are confirmed
seq/*.avif frame sequence121 frames in a landscape and a padded portrait crop, 2.6 MB and 1.5 MBDerived from the clip above
Bricolage Grotesquenext/font/googleSIL Open Font License 1.1

Licences are listed as recorded by Kalix. Check them yourself before you ship a commercial project; this is not legal advice.

What you can change

  • Any single product that reads well turning: a shoe, a bag, a bottle, a chair
  • The parts on the rail and when each lights up
  • Sizes, widths and their conversions
  • Palette: sampled from the backdrop, one accent from the product