Motion & Movement

Custom animated progress bars with UIBezierPaths

Animation of the toast banner with transaction states for @matchaxyz

Homepage | GSAP

UI design concept by <n>Dongkyu Lee</n> for <n>UX Collective</n>.

Doing my morning routing (customising my @family QR code)

Hi y'all, I've been learning @FacebookOrigami
Wanted to share some prototypes I made- here is a fun chicken calculator, it's working and it's cute :D 🐔

Felix Lee on LinkedIn: #design #startups #leadership #creativity | 38 comments

<n>The 12 Principles of UX in Motion</n>, an infographic by <n>UX in Motion</n>.

HF-11

NumberFlow - Transition and format numbers

Introducing MotionNumber for @Framer Motion: a ~3kb component to transition, format, and localize numbers.

Built on Intl.NumberFormat. Accessible. Customizable.

meet Glow effect: a customizable gradient animated component with multiple modes and simple controls

🚀 Introducing Motion Cursor, a React component for creative cursor and follow cursor effects.

By default, it's a stylable, animatable cursor replacement that automatically grows and adapts to selectable text and clickable targets.

It also respects disabled and user-select 🙏

A sneak peek at the new Liquid Glass Nav Bar in Play!

All the effects, animations, and interactivity come built in—no need to try and replicate things!

We're releasing a version of Play with Liquid Glass this week. Sign up below if you're interested!

UI/UX design by <n>Dongkyu Lee</n> from the guide, <n>Transition animations: a practical guide</n>.

products on the physics table / interaction

A digital artwork exploring glass layers, built with <n>React</n>, <n>Framer Motion</n>, and <n>Three.js</n>.

Glass layers + dynamic rotations = endless visual transformations.

keep your cards & letters 📬

I always feel bad about tossing cards into a drawer, so I created this concept to quickly digitize the cards and letters I want to keep with me.

made w @figma

Starting the week off with @hiunicornstudio work for a few @framer projects I am working on.

One of the smoothest animations I've ever seen on the phone!

Product Details - Awwwards

UI/UX prototype for dynamic header navigation by <n>Johnny Slack</n>, <n>Jaytel</n>, and <n>Stevijn van Olst</n>.

Introducing <NumberFlow/> for React:
Transition, format, and localize numbers.

Built on Intl.NumberFormat and Web Animations. Dependency-free. Accessible. Customizable.