Experiments
20 experiments
- Image Gallery StackAn image gallery stack inspired by Aave's careers page.
- Fancy QRA fancy QR code inspired by Aave's glass effect.
- Family dialogA dialog inspired by Family wallet operations, including Aave fancy QR code.
- Menu Virtual SpaceHow to make context menus not suck.
- Liquid NavbarA liquid-glass tab bar that refracts the live UI behind it, with chromatic edges and a sliding selection lens.
- Magnetic GuidelinesAn Instagram-style sticker editor where guidelines pull the element into alignment.
- Z-Index StackingA card stack that swaps depth without animating z-index.
- Action TimelineA timeline of actions inspired by the new OpenAI UI.
- Stripe's Image CarouselA recreation of Stripe's image carousel from their landing page.
- Calendar Event MorphDo not lose context when you open an event in a calendar.
- Drag and DropMaking drag and drop feel natural.
- Form ValidationAn email sign-in form with validate-on-submit, error motion, and a loading state.
- Loading ButtonA button with a spring-animated spinner and loading state.
- Instagram-like NavbarAn Instagram-like navigation bar with a motion effect.
- 3D World WaverA naive implementation of a 3D world with a wave effect when clicked.
- Things iOSA recreation of the Things iOS app's new todo item animation.
- SliderA slider with a smooth animation.
- Text MorphA text morphing effect.
- FLIP vs No-FLIPA compact music player shows how FLIP keeps shared elements in motion.
- Mercedes-BenzA recreation of a Mercedes-Benz UI on a car dashboard.
- Image Gallery StackAn image gallery stack inspired by Aave's careers page.
- Fancy QRA fancy QR code inspired by Aave's glass effect.
- Family dialogA dialog inspired by Family wallet operations, including Aave fancy QR code.
- Menu Virtual SpaceHow to make context menus not suck.
- Liquid NavbarA liquid-glass tab bar that refracts the live UI behind it, with chromatic edges and a sliding selection lens.
- Magnetic GuidelinesAn Instagram-style sticker editor where guidelines pull the element into alignment.
- Z-Index StackingA card stack that swaps depth without animating z-index.
- Action TimelineA timeline of actions inspired by the new OpenAI UI.
- Stripe's Image CarouselA recreation of Stripe's image carousel from their landing page.
- Calendar Event MorphDo not lose context when you open an event in a calendar.
- Drag and DropMaking drag and drop feel natural.
- Form ValidationAn email sign-in form with validate-on-submit, error motion, and a loading state.
- Loading ButtonA button with a spring-animated spinner and loading state.
- Instagram-like NavbarAn Instagram-like navigation bar with a motion effect.
- 3D World WaverA naive implementation of a 3D world with a wave effect when clicked.
- Things iOSA recreation of the Things iOS app's new todo item animation.
- SliderA slider with a smooth animation.
- Text MorphA text morphing effect.
- FLIP vs No-FLIPA compact music player shows how FLIP keeps shared elements in motion.
- Mercedes-BenzA recreation of a Mercedes-Benz UI on a car dashboard.