Loading video...

Video Failed to Load

Go Home

Use motion to reduce UI travel.

guerriero_se's profile picture

Sebastiano Guerriero

18,948 subscribers

105,806 views • 1 month ago •via X (Twitter)

ArtsEducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

slider ui made with react and motion
0:13

slider ui made with react and motion

Shiv

73,274 views • 6 months ago

Please what can I use to reduce belle fat?
0:12

Please what can I use to reduce belle fat?

Wanivasani

38,393 views • 8 months ago

how to animate ui in blender: 1. curves for line work 2. planes with textures for ui elements 3. camera for motion 4. geometry nodes for text
0:12

how to animate ui in blender: 1. curves for line work 2. planes with textures for ui elements 3. camera for motion 4. geometry nodes for text

xavier (jack)

122,194 views • 1 year ago

How I built an Anime.js-style site with Claude 👇 • Ask Claude to plan a minimal interactive website with smooth motion • Install Anime.js → "npm i animejs" • Use Claude to generate timelines, staggered text, and hover animations • Add smooth SVG, scroll, and cursor interactions with Anime.js • Keep UI minimal so motion becomes the focus • Use easing + timing to make animations feel fluid and premium Save this 🚀
0:13

How I built an Anime.js-style site with Claude 👇 • Ask Claude to plan a minimal interactive website with smooth motion • Install Anime.js → "npm i animejs" • Use Claude to generate timelines, staggered text, and hover animations • Add smooth SVG, scroll, and cursor interactions with Anime.js • Keep UI minimal so motion becomes the focus • Use easing + timing to make animations feel fluid and premium Save this 🚀

FHILY👑

363,145 views • 3 months ago

Still learning how to use alight motion 😞
0:16

Still learning how to use alight motion 😞

aki 🍉

17,097 views • 1 year ago

How to use Framer Motion with Server Components
0:17

How to use Framer Motion with Server Components

Alex Sidorenko

103,285 views • 2 years ago

✨ Introducing Magic UI 🪄 A UI library of animated components to build beautiful landing pages. Built using React, Tailwind CSS and Framer motion. 100% Free and Open Source.
0:17

✨ Introducing Magic UI 🪄 A UI library of animated components to build beautiful landing pages. Built using React, Tailwind CSS and Framer motion. 100% Free and Open Source.

Dillion

324,916 views • 2 years ago

ui when a card is selected animations done with motion, tailwind and NumberFlow
0:12

ui when a card is selected animations done with motion, tailwind and NumberFlow

p4n

122,951 views • 1 year ago

soon: redesigning my site homepage with some spring interactions w/ Motion Base UI
0:19

soon: redesigning my site homepage with some spring interactions w/ Motion Base UI

tobi

13,641 views • 6 months ago

Day 7⃣ of learning Cavalry for UI and motion design! Falloff graph study.
0:10

Day 7⃣ of learning Cavalry for UI and motion design! Falloff graph study.

Design.Gabor

38,979 views • 7 months ago

What it looks like to use eye drops in slow motion
0:16

What it looks like to use eye drops in slow motion

Interesting As Fuck

1,236,109 views • 1 year ago

Every Motion Designer Needs Clean UI SFX 🔊🫧 I’ve compiled 50+ premium UI sound effects 💫 And I’m giving them to you for FREE you can't get it nowhere else online 🙂 Follow and comment SFX to get them.
0:19

Every Motion Designer Needs Clean UI SFX 🔊🫧 I’ve compiled 50+ premium UI sound effects 💫 And I’m giving them to you for FREE you can't get it nowhere else online 🙂 Follow and comment SFX to get them.

Marv

16,890 views • 5 months ago

Radar charts added to Bklit UI. ✨ Initialization & Hover animations Motion ✨ Built for shadcn compatibility Links below 👇🏼 #opensource #chart #charts #buildinpublic
0:12

Radar charts added to Bklit UI. ✨ Initialization & Hover animations Motion ✨ Built for shadcn compatibility Links below 👇🏼 #opensource #chart #charts #buildinpublic

Matt

10,863 views • 6 months ago

We need such bottle washers near these Water ATMs to reduce the use of single use water bottles 🙏 Chennai Metro Water CMOTamilNadu
0:19

We need such bottle washers near these Water ATMs to reduce the use of single use water bottles 🙏 Chennai Metro Water CMOTamilNadu

Dravidian Insights

43,898 views • 1 year ago

Would like to report this UI bug Emilia :) I use a Iphone 16 Pro for the record
0:17

Would like to report this UI bug Emilia :) I use a Iphone 16 Pro for the record

Kitka

20,685 views • 2 months ago

Go from design to Compose UI code with Gemini! ⬆️ Upload image of app UI screen ↪️ Use the prompt in the blog ↪️ Copy output into Android Studio
0:16

Go from design to Compose UI code with Gemini! ⬆️ Upload image of app UI screen ↪️ Use the prompt in the blog ↪️ Copy output into Android Studio

Android Developers

14,140 views • 1 year ago

Crafting my own UI Kit to be used for prototypes. I'm going through component by component to direct my designer (Claude) on motion tweaks, style updates, and behaviour.
0:18

Crafting my own UI Kit to be used for prototypes. I'm going through component by component to direct my designer (Claude) on motion tweaks, style updates, and behaviour.

Chris Halaska

22,947 views • 4 months ago

These are the most cinematic motion backgrounds that you need to use in your videos. Retweet and comment "MOTION" and I will send them to you for free.
0:13

These are the most cinematic motion backgrounds that you need to use in your videos. Retweet and comment "MOTION" and I will send them to you for free.

Martin Lešnjak I Entrepreneur

13,055 views • 2 years ago

World monuments, anime-style. Made with #Ray2 Camera Motion Concepts. #aivideo #anime #travel
0:19

World monuments, anime-style. Made with #Ray2 Camera Motion Concepts. #aivideo #anime #travel

Luma

621,073 views • 1 year ago