Motion & Movement

Custom animated progress bars with UIBezierPaths

Illustration for the <n>Flawless App</n> article <n>Custom animated progress bars with UIBezierPaths</n>.

Animation of the toast banner with transaction states for @matchaxyz

<n>TypeMachine</n>, a conceptual gadget by design studio <n>xuxoe</n>, inspired by the minimalist philosophy of <n>Dieter Rams</n>.

Homepage | GSAP

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

The <n>Useless Chicken Calculator</n> app, a 2023 project by designers <n>Diana Lu</n> and <n>Lin Wang</n>.

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

The <n>Half11</n> supercar, designed by <n>Oil Stain Lab</n> in 2023.

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>.

A UI/UX design concept for <n>Satisfy</n>'s store on the <n>Shop</n> platform.

Recent interaction exploration of expandable store menu in @shop web

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.

A Christmas greeting from the <n>Clear</n> app.

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.

<n>Grid Item Push Effect</n>, a web animation based on a concept by <n>Simulacres</n>.

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

Product Details - Awwwards

Put a tutorial together showing how I made this reveal effect using @framer and @hiunicornstudio.

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.