Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

🚀 Introducing <AnimateNumber /> A Motion+ React component for making beautiful number animations. Based on @MBarvian's NumberFlow, this version is built entirely on Motion, so existing users can use it for just +2.5kb.

Matt Perry

24,294 subscribers

69,882 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & Technologie Bildung

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von David Harvey

David Harveyvor 1 Jahr

@MBarvian NumberFlow is so good but it broke our NextJS edge deployments on Cloudflare pages :(

Profilbild von Λbstract

Λbstractvor 1 Jahr

RT @InstaMAT_io: 👀 Are you looking for an alternative to Adobe Substance tools? Do not miss out on InstaMAT from killer node-based material…

Profilbild von Philippe

Philippevor 1 Jahr

@MBarvian Genuine question— how is it better than framer motion?

Profilbild von Vaibhav Khulbe

Vaibhav Khulbevor 1 Jahr

@MBarvian Damnn that slider is so fun 😍

Profilbild von dex

dexvor 1 Jahr

@MBarvian holy shit this is so good

Profilbild von Yen Cheng Lin ✨

Yen Cheng Lin ✨vor 1 Jahr

@MBarvian Look so good 😊

Profilbild von Ryan Rampersad

Ryan Rampersadvor 1 Jahr

@MBarvian Looks great!

Profilbild von John Schoenith

John Schoenithvor 1 Jahr

@MBarvian Great work!

Profilbild von Serge 🇺🇦

Serge 🇺🇦vor 1 Jahr

@MBarvian 🐐

Profilbild von Fredrik Tibbling

Fredrik Tibblingvor 1 Jahr

@MBarvian Looks great 🔥

Profilbild von Woofen 🇵🇸🇺🇦

Woofen 🇵🇸🇺🇦vor 1 Jahr

@MBarvian sweet!

Ähnliche Videos

Just published this <Chart/> component on Spell UI, no recharts, no motion lib!

Just published this <Chart/> component on Spell UI, no recharts, no motion lib!

tom

28,699 Aufrufe • vor 6 Monaten

introducing Motion V2, the frontier AI for motion design. this launch video was made entirely with Motion V2. 👇🏽 repost + comment "MOTION" for free credits. tag Motion in any post on your X feed for a surprise. here’s how it works + what's changed:

introducing Motion V2, the frontier AI for motion design. this launch video was made entirely with Motion V2. 👇🏽 repost + comment "MOTION" for free credits. tag Motion in any post on your X feed for a surprise. here’s how it works + what's changed:

Adish Jain ☕️

145,062 Aufrufe • vor 2 Monaten

introducing Motion, a video agent for tasteful motion design. this launch video was made entirely with Motion. 👇🏽 comment "MOTION" to get early access + free credits. tag Motion in any post on your X feed for a surprise. here’s how it works + examples (thread):

introducing Motion, a video agent for tasteful motion design. this launch video was made entirely with Motion. 👇🏽 comment "MOTION" to get early access + free credits. tag Motion in any post on your X feed for a surprise. here’s how it works + examples (thread):

Adish Jain ☕️

215,779 Aufrufe • vor 6 Monaten

ChatGPT can now create motion designs. Introducing the Motion MCP for ChatGPT Connect it to motion through the MCP, give it your assets and describe what you want. ChatGPT handles the ideas, animations and transitions directly inside motion. This launch video was created using the Motion MCP 👇

ChatGPT can now create motion designs. Introducing the Motion MCP for ChatGPT Connect it to motion through the MCP, give it your assets and describe what you want. ChatGPT handles the ideas, animations and transitions directly inside motion. This launch video was created using the Motion MCP 👇

Motion

94,174 Aufrufe • vor 1 Monat

[1/7] Introducing react-native-live-markdown 🔥 ⚛️ <𝙼𝚊𝚛𝚔𝚍𝚘𝚠𝚗𝚃𝚎𝚡𝚝𝙸𝚗𝚙𝚞𝚝> component ⚛️ Cross-platform (Android, iOS, web) ⚛️ Built by Software Mansion for Expensify app

[1/7] Introducing react-native-live-markdown 🔥 ⚛️ <𝙼𝚊𝚛𝚔𝚍𝚘𝚠𝚗𝚃𝚎𝚡𝚝𝙸𝚗𝚙𝚞𝚝> component ⚛️ Cross-platform (Android, iOS, web) ⚛️ Built by Software Mansion for Expensify app

Tomasz Zawadzki

127,217 Aufrufe • vor 2 Jahren

<mesh> <FakeGlowMaterial /> </mesh> A new component is coming. A very simple, easy-to-use, fake glow material. This can create a glow around the mesh without any post-processing. Available soon for vanilla #threejs and #react three fiber 😍 #threejsJourney

<mesh> <FakeGlowMaterial /> </mesh> A new component is coming. A very simple, easy-to-use, fake glow material. This can create a glow around the mesh without any post-processing. Available soon for vanilla #threejs and #react three fiber 😍 #threejsJourney

Anderson Mancini

26,442 Aufrufe • vor 2 Jahren

Open source library of motion effects - Kinetics now has 99 animations. - CSS + React version - Prompt version for your AI coding agent

Open source library of motion effects - Kinetics now has 99 animations. - CSS + React version - Prompt version for your AI coding agent

Csaba Kissi

28,927 Aufrufe • vor 3 Monaten

Playing with React's <ViewTransition> for cross-page animations in Next.js. It's early and experimental, but very cool! Two tips: • Use a poor man's motion blur for movement `filter: blur(0->10->0)` • Use Chrome's animations devtools to debug

Playing with React's <ViewTransition> for cross-page animations in Next.js. It's early and experimental, but very cool! Two tips: • Use a poor man's motion blur for movement `filter: blur(0->10->0)` • Use Chrome's animations devtools to debug

Delba

160,471 Aufrufe • vor 1 Jahr

<NumberFlow /> is a really classy element that is very easy to use!

<NumberFlow /> is a really classy element that is very easy to use!

CodePen.IO

37,981 Aufrufe • vor 1 Jahr

we’re launching Motion, the frontier agent for tasteful motion design. this launch video is made entirely with Motion. 👇🏽 QT + comment "MOTION" to get 1,000 free credits. tag Motion in any X post for a surprise. now generally available at motion [dot] so.

we’re launching Motion, the frontier agent for tasteful motion design. this launch video is made entirely with Motion. 👇🏽 QT + comment "MOTION" to get 1,000 free credits. tag Motion in any X post for a surprise. now generally available at motion [dot] so.

Adish Jain ☕️

935,004 Aufrufe • vor 4 Monaten

we’re launching Motion, the frontier agent for tasteful motion design. this launch video is made entirely with Motion. 👇🏽 QT + comment "MOTION" to get 1,000 free credits. tag Motion in any X post for a surprise. now generally available at motion [dot] so.

we’re launching Motion, the frontier agent for tasteful motion design. this launch video is made entirely with Motion. 👇🏽 QT + comment "MOTION" to get 1,000 free credits. tag Motion in any X post for a surprise. now generally available at motion [dot] so.

Motion

18,115 Aufrufe • vor 4 Monaten

Introducing Wan 2.5 🚀 Create immersive AI videos with fluid motion, built-in audio and voice. Supporting text-to-video and start images Available now for all users

Introducing Wan 2.5 🚀 Create immersive AI videos with fluid motion, built-in audio and voice. Supporting text-to-video and start images Available now for all users

Magnific

170,229 Aufrufe • vor 1 Jahr

Introducing <GridScan/> This React component has a lot going on under the hood, including a full-on face tracking mechanism that follows your movements inside the 3D effect. Definitely one of the coolest things I’ve built. It’s in your hands now.

Introducing <GridScan/> This React component has a lot going on under the hood, including a full-on face tracking mechanism that follows your movements inside the 3D effect. Definitely one of the coolest things I’ve built. It’s in your hands now.

David Haz

30,330 Aufrufe • vor 11 Monaten

“Portal is onboarding a tremendous number of mainstream users and making it easier for existing Web3 users to access content on different chains… making the experience much more seamless.” Our Head of Partnerships, Ezra Strauss on a recent AMA, hosted by SKALE 🫡.

“Portal is onboarding a tremendous number of mainstream users and making it easier for existing Web3 users to access content on different chains… making the experience much more seamless.” Our Head of Partnerships, Ezra Strauss on a recent AMA, hosted by SKALE 🫡.

Portal

35,350 Aufrufe • vor 2 Jahren

This is what full motion control actually looks like Kling 3.0 Motion Control is now on Freepik Use any video as motion reference Gestures and expressions stay the same, every time Up to 30s videos Unlimited for Premium + and Pro users, until March 16th

This is what full motion control actually looks like Kling 3.0 Motion Control is now on Freepik Use any video as motion reference Gestures and expressions stay the same, every time Up to 30s videos Unlimited for Premium + and Pro users, until March 16th

Magnific

495,646 Aufrufe • vor 7 Monaten

Introducing 3D Motion. You can now turn any image into a 3D motion video on Morphic.

Introducing 3D Motion. You can now turn any image into a 3D motion video on Morphic.

Morphic

222,108 Aufrufe • vor 1 Jahr

Codex can now make launch videos. Introducing the Motion MCP for Codex Connect it to motion through the MCP, give it your assets and describe what you want. Codex builds the scenes, animations and transitions directly inside motion. This video was created using the MCP 👇

Codex can now make launch videos. Introducing the Motion MCP for Codex Connect it to motion through the MCP, give it your assets and describe what you want. Codex builds the scenes, animations and transitions directly inside motion. This video was created using the MCP 👇

Motion

94,973 Aufrufe • vor 1 Monat

A cute self-care app i've been building as a sole react native dev in my current team. built with react native Expo Reanimated for all smooth animations Also used React Native Skia for water cup motion

A cute self-care app i've been building as a sole react native dev in my current team. built with react native Expo Reanimated for all smooth animations Also used React Native Skia for water cup motion

Daehyeon Mun

108,039 Aufrufe • vor 1 Jahr

Higgsfield is killing it Their motion controls just got a significant upgrade. You can now MIX the motion controls for unique combos that are impossible with real cameras. 🔊 Sound ON:

Higgsfield is killing it Their motion controls just got a significant upgrade. You can now MIX the motion controls for unique combos that are impossible with real cameras. 🔊 Sound ON:

Alex Patrascu

33,045 Aufrufe • vor 1 Jahr

Built this folder component for Runline entirely in code.

Built this folder component for Runline entirely in code.

aron

17,595 Aufrufe • vor 2 Monaten