Loading video...

Video Failed to Load

Go Home

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

p4nthera_'s profile picture

p4n

1,015 subscribers

122,951 views • 1 year ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Card Splitting Accordion Interaction ✧ Made with Tailwind and Motion React. Inspired by Nitish Khagwal
0:17

Card Splitting Accordion Interaction ✧ Made with Tailwind and Motion React. Inspired by Nitish Khagwal

LN

14,072 views • 1 year ago

Expand card and repel animation 🔨: react, motion, tailwind
0:13

Expand card and repel animation 🔨: react, motion, tailwind

p4n

12,783 views • 6 months ago

A little Sunday inspiration ✨ New Motion Highlights with UI animations and motion design to refresh your creative brain before the week begins:
0:15

A little Sunday inspiration ✨ New Motion Highlights with UI animations and motion design to refresh your creative brain before the week begins:

Codrops

11,069 views • 5 months 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

sometimes it's worth disabling animations when a user is dialling in a precise value using Max Barvian's <NumberFlow /> with a simple custom plugin can easily support this adaptive setup
0:11

sometimes it's worth disabling animations when a user is dialling in a precise value using Max Barvian's <NumberFlow /> with a simple custom plugin can easily support this adaptive setup

؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜lochie

37,693 views • 2 months ago

Introducing Motion-Primitives: a collection of reusable animated components built with Framer Motion and Tailwind CSS.
0:15

Introducing Motion-Primitives: a collection of reusable animated components built with Framer Motion and Tailwind CSS.

Ibelick

88,945 views • 2 years ago

Exclusion tabs. Made with Tailwind and Framer Motion.
0:10

Exclusion tabs. Made with Tailwind and Framer Motion.

Preet

128,050 views • 2 years ago

✧ Vercel Navbar Made with Tailwind and Motion React.
0:17

✧ Vercel Navbar Made with Tailwind and Motion React.

LN

43,128 views • 1 year ago

Assisted password confirmation. Made with Tailwind and Framer Motion.
0:17

Assisted password confirmation. Made with Tailwind and Framer Motion.

Preet

406,257 views • 1 year ago

Create New Interaction ✧ Made with Tailwind and Framer Motion. Inspired by Nitish Khagwal
0:16

Create New Interaction ✧ Made with Tailwind and Framer Motion. Inspired by Nitish Khagwal

LN

23,893 views • 1 year ago

Animated Inline Table ✧ Made with Tailwind and Framer Motion. Inspired by Nitish Khagwal
0:15

Animated Inline Table ✧ Made with Tailwind and Framer Motion. Inspired by Nitish Khagwal

LN

23,710 views • 1 year ago

slider ui made with react and motion
0:13

slider ui made with react and motion

Shiv

73,274 views • 6 months ago

We've added 4 new animated Base UI components to Animate UI: 🔹 Progress 🔹 Accordion 🔹 Toggle Group 🔹 Preview Card Fully animated with Motion and built with shadcn styling. Check it out 👇
0:17

We've added 4 new animated Base UI components to Animate UI: 🔹 Progress 🔹 Accordion 🔹 Toggle Group 🔹 Preview Card Fully animated with Motion and built with shadcn styling. Check it out 👇

Animate UI

28,403 views • 1 year ago

Disclosure inline delete interaction ✧ Made with Tailwind and Motion React Inspired by Nitish Khagwal
0:12

Disclosure inline delete interaction ✧ Made with Tailwind and Motion React Inspired by Nitish Khagwal

LN

18,637 views • 1 year ago

Hour 56.5/100: Learning Framer Motion Made with React and Tailwind Design inspired by Arkady
0:10

Hour 56.5/100: Learning Framer Motion Made with React and Tailwind Design inspired by Arkady

Vaun Blu

92,225 views • 1 year ago

Hour 100/100 learning motion Made with React and Tailwind Interaction and design inspired by Kumail Nanji
0:13

Hour 100/100 learning motion Made with React and Tailwind Interaction and design inspired by Kumail Nanji

Vaun Blu

81,814 views • 1 year ago