Insight4D Motion Lab

Four motion patterns learned from the 2025 Framer and Webflow award winners, rebuilt from scratch on Insight4D's own design system. Every number here is an example, not a real draw result.

1 · Draw reveal

Each digit rolls and settles, left to right, like a live draw coming in.

LIVEMagnum 4DDraw 4512/26
1st prize
Example number
roll 1.4s per digit · stagger 0.12s · ease cubic-bezier(0, .7, .07, 1) (strong ease-out, from bohdan.design / thibaut.cool) · LIVE pulse 1.6s

2 · Results arrive in order

Prizes first, then the number grids, each lifting out of a soft blur.

1st prize0469
2nd prize8213
3rd prize4685
Special
Consolation
Example numbers
cards: stagger 0.10s · chips: stagger 0.06s · 0.6s each · from opacity 0, y +16px, blur(8px) · ease cubic-bezier(.5, 0, .2, 1) (Dropbox brand site) · plays when scrolled into view

3 · Operator filter and ticker

The highlight springs to the operator you pick; the ticker keeps every operator's latest 1st prize moving. Hover the ticker to pause it.

highlight: spring stiffness 400, damping 30, mass 1 (from bohdan.design / thibaut.cool) · ticker 32s linear loop, pauses on hover, faded edges · GD and 9 Lotto dots grey: no colour on record

4 · A number's story, told by scrolling

Keep scrolling: the cards stack, the ones behind step back, and the rail on the left fills with your progress. Try it with smooth scroll on and off (top right).

0469 · times drawn (example)

37

Across all six operators since 2016, counting 1st to 3rd prize, special and consolation.

Last drawn

12 Oct 2026

Sports Toto, consolation. 12 days ago.

Hot or cold

Warm

Drawn 4 times in the last 90 days, above its long-run average of 2.1.

万字 meaning

水牛

Water buffalo. Shown here to check how Chinese text sits in the card at 44px.

sticky stack: each card 14px lower than the last · cards behind scale to 1 − 0.04 per card · progress rail scales with section scroll · smooth scroll: wheel only, lerp 0.1 per frame (keyboard and touch untouched)