Design inspiration curated from X
A showcase of the Opal app's gem milestone system, featuring beauti... - Opal
Published by Opal on July 4, 2026.
Design notes
A showcase of the Opal app's gem milestone system, featuring beautifully rendered 3D iridescent gem collectibles that users unlock through focus streaks and usage milestones.
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 Opal; 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.