Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

mattgperry's profile picture

Matt Perry

22,361 subscribers

68,465 görüntüleme • 1 yıl önce •via X (Twitter)

Bilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

11 Yorum

David Harvey profil fotoğrafı
David Harvey1 yıl önce

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

Λbstract profil fotoğrafı
Λbstract1 yıl önce

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

Philippe profil fotoğrafı
Philippe1 yıl önce

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

Vaibhav Khulbe profil fotoğrafı
Vaibhav Khulbe1 yıl önce

@MBarvian Damnn that slider is so fun 😍

dex profil fotoğrafı
dex1 yıl önce

@MBarvian holy shit this is so good

Yen Cheng Lin ✨ profil fotoğrafı
Yen Cheng Lin ✨1 yıl önce

@MBarvian Look so good 😊

Ryan Rampersad profil fotoğrafı
Ryan Rampersad1 yıl önce

@MBarvian Looks great!

John Schoenith profil fotoğrafı
John Schoenith1 yıl önce

@MBarvian Great work!

Serge 🇺🇦 profil fotoğrafı
Serge 🇺🇦1 yıl önce

@MBarvian 🐐

Fredrik Tibbling profil fotoğrafı
Fredrik Tibbling1 yıl önce

@MBarvian Looks great 🔥

Woofen 🇵🇸🇺🇦 profil fotoğrafı
Woofen 🇵🇸🇺🇦1 yıl önce

@MBarvian sweet!

Benzer Videolar

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

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

tom

28,699 görüntüleme • 1 ay önce

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):
2:04

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 ☕️

208,798 görüntüleme • 2 ay önce

Auth UI: a pre-built React component for authenticating users. Yes, it includes dark mode ⚫️
0:31

Auth UI: a pre-built React component for authenticating users. Yes, it includes dark mode ⚫️

Supabase

20,148 görüntüleme • 3 yıl önce

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
0:29

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,136 görüntüleme • 1 yıl önce

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

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

Tomasz Zawadzki

126,571 görüntüleme • 2 yıl önce

<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
0:50

<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,371 görüntüleme • 2 yıl önce

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.
1:20

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 ☕️

929,259 görüntüleme • 17 gün önce

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
0:23

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 (formerly Freepik)

170,178 görüntüleme • 8 ay önce

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

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

CodePen.IO

37,936 görüntüleme • 1 yıl önce

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
0:50

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 대현

107,787 görüntüleme • 1 yıl önce

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

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

Morphic

221,760 görüntüleme • 10 ay önce

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
0:20

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,501 görüntüleme • 3 ay önce

“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 🫡.
1:25

“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,336 görüntüleme • 2 yıl önce

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.
0:28

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,184 görüntüleme • 7 ay önce

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:
0:21

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

32,817 görüntüleme • 1 yıl önce

Introducing Nim, the first motion-primitives template. A minimal personal website with an MDX blog and animated components. Built with Next.js 15, React 19, Tailwind CSS v4, and Motion.
0:26

Introducing Nim, the first motion-primitives template. A minimal personal website with an MDX blog and animated components. Built with Next.js 15, React 19, Tailwind CSS v4, and Motion.

Ibelick

27,338 görüntüleme • 1 yıl önce

A demo of the animations[.]dev skill file using Claude Code. It can review your animations, suggest improvements, and basically answer all your motion-related questions based on my experience gathered over the years.
0:36

A demo of the animations[.]dev skill file using Claude Code. It can review your animations, suggest improvements, and basically answer all your motion-related questions based on my experience gathered over the years.

Emil Kowalski

123,952 görüntüleme • 5 ay önce

Just dropped Text Reveal on Scroll component, using Gsap x Framer ✨, built entirely with ChatGPT. Smooth, customizable, and built for real storytelling on the web. Preview
0:31

Just dropped Text Reveal on Scroll component, using Gsap x Framer ✨, built entirely with ChatGPT. Smooth, customizable, and built for real storytelling on the web. Preview

Sang

26,785 görüntüleme • 6 ay önce

Introducing Fancy Components: a collection full of fancy, fun, edgy and useless React components! — Built with react, ts, Tailwind CSS and Motion — Each comp. includes examples and docs to help you understand how it works and is built — 100% free & open-source! link↴
0:27

Introducing Fancy Components: a collection full of fancy, fun, edgy and useless React components! — Built with react, ts, Tailwind CSS and Motion — Each comp. includes examples and docs to help you understand how it works and is built — 100% free & open-source! link↴

daniel petho

188,521 görüntüleme • 1 yıl önce