Design inspiration curated from X

Reimagining a quiz-style onboarding flow for Al Dente using voice i... - Jules Forrest

Published by Jules Forrest on September 27, 2026.

Reimagining a quiz-style onboarding flow for Al Dente using voice instead of clickable inputs. This exploration was originally inspired by password validation patterns, where requirements get checked off as they're met...

Design notes

Reimagining a quiz-style onboarding flow for Al Dente using voice instead of clickable inputs. This exploration was originally inspired by password validation patterns, where requirements get checked off as they're met by the string you're typing in.

This entry is part of MotionVault's curated archive of interface, product, brand, website, and motion design references from public creators on X.

Image rights and licensing remain with Jules Forrest; use the original X post for source and licensing inquiries.

Deep Clone · React 19 + Framer Motion

Interactive Sandbox & Production Code

Reverse-engineered 1:1 component with spring physics, accessible keyboard controls, and modular Tailwind CSS.

Live Sandbox Public View Code PRO View Prompt PRO
https://northlight.design/sandbox/2104278316618244179
Launch Sandbox ↗
Production React 19 TypeScript + Framer Motion source component
🔒 Unlock Source Code ($19/mo)

Reference details

Creator
Jules Forrest
X handle
@julesforrest
Published
September 27, 2026
Media
1 visual reference
Views
6,349
Likes
104
Bookmarks
127