Create Living To-Do Lists with Seamless 3D Animation

Create Living To-Do Lists with Seamless 3D AnimationCreate Living To-Do Lists with Seamless 3D Animation

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Sana Yaqoob

pro

• 7h

I built a "Living To-Do List" in 5 minutes using Wonder 🚀

My problem: To-do lists are boring and take hours to animate. My solution: Used Wonder Chat to turn 3 tasks into animated 3D icons with shaders + MCP for smooth transitions.

Code → glowing brackets Coffee → steaming cup with liquid shader Design → spinning palette

Result: A clean, loopable UI animation that actually motivates me.

#wonderchallenge @usewonder

wonderchallenge Motion Design Product Design UI Design Adobe After Effects AI bees Wonder

harshad p

• 6h

nice video

Sana Yaqoob

pro

• 6h

Thank you 🙂

Jan Mráz

pro

• Jun 30

Turn any Figma UI into a reusable animation system with Jitter AI

Motion Design UI Design Jitter motion ui

Victor Adebayo

• Jun 30

That's great.

Caro di Lello

pro

• Jun 30

This morning I found a local bakery website with great branding, but the hero section lacked impact; it just showed a single, isolated, small loaf of bread on a dark background.

I jumped into Framer to see how to elevate it and designed two alternative versions:

Option 1: The Focused Loaf. True to the original concept, but re-engineered for a much stronger visual hierarchy.

Option 2: The Working Station. An immersive, storytelling approach that drops you right onto the baker's table.

Which version do you think works better for a premium bakery? Let me know below! 👇

Framer UI Design

24 voted

59%

17 voted

41%

41 votes

Closed

Bernice Ebenezer

max

• Jun 30

Both look nice in my opinion!

Alex K

pro

• Jun 30

Who said that you can't vibe code beautiful UI? Frostbyte design is frosty. See full case study here

Paper Google Antigravity uidesign

Michael Chumak

• Jun 30

Whoever said that clearly hasn't seen this! Frostbyte looks incredibly sleek, clean, and interactive. The attention to tiny UX details—like the smooth input editing and the seamless file comparison slider—is top-tier. Vibe coding at its absolute finest! 🧊🚀