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,026 subscribers

123,233 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,864 views • 8 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,250 views • 7 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

325,302 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 • 4 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

89,015 views • 2 years ago

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

Exclusion tabs. Made with Tailwind and Framer Motion.

Preet

128,141 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,394 views • 2 years ago

✧ Vercel Navbar • Home Page Made with Tailwind and Motion React.
0:16

✧ Vercel Navbar • Home Page Made with Tailwind and Motion React.

LN

30,485 views • 1 year ago

The best UI components ready to use, save this 👇 — Interactive UI effects & animations — Smooth transitions and micro-interactions — 170+ customizable React components — Animated components with beautiful motion — Clean, accessible React components Interactive components with polished animations Fluid motion powered by physics — 1,000+ AI-ready UI components — Stunning components for AI products What Did I Miss?
0:19

The best UI components ready to use, save this 👇 — Interactive UI effects & animations — Smooth transitions and micro-interactions — 170+ customizable React components — Animated components with beautiful motion — Clean, accessible React components Interactive components with polished animations Fluid motion powered by physics — 1,000+ AI-ready UI components — Stunning components for AI products What Did I Miss?

Nero

46,324 views • 19 days 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,760 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

slider ui made with react and motion
0:13

slider ui made with react and motion

Shiv

73,274 views • 8 months ago

Expo SDK 57 is here — React Native 0.86, Reanimated 4.5, Worklets 0.10. gluestack-ui v5 runs on the same stack — Tailwind CSS v4, UI thread animations via Reanimated, 30+ native components. Same foundation, zero friction. npx gluestack-ui@latest init Expo
0:18

Expo SDK 57 is here — React Native 0.86, Reanimated 4.5, Worklets 0.10. gluestack-ui v5 runs on the same stack — Tailwind CSS v4, UI thread animations via Reanimated, 30+ native components. Same foundation, zero friction. npx gluestack-ui@latest init Expo

gluestack

28,128 views • 3 months 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,306 views • 2 years ago