Загрузка видео...

Не удалось загрузить видео

На главную

The magic of clip paths. Animated tooltip component in NextJS and Matt Perry's motion.

seyii___'s profile picture

Seyi

15,177 subscribers

42,833 просмотров • 11 месяцев назад •via X (Twitter)

Наука и технологииИскусство
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

A list (with code) of cool framer-motion and Tailwind CSS components from around the internet ✨ 1️⃣ Tooltip A simple and elegant tooltip component that follows the mouse pointer
0:11

A list (with code) of cool framer-motion and Tailwind CSS components from around the internet ✨ 1️⃣ Tooltip A simple and elegant tooltip component that follows the mouse pointer

Aceternity

43,391 просмотров • 3 лет назад

Token Usage Component: see the live usage, throughput and cost Designed in Paper, animated with Motion
0:16

Token Usage Component: see the live usage, throughput and cost Designed in Paper, animated with Motion

Jeet

10,749 просмотров • 3 месяцев назад

Agent Plan: A component to review and the run the agent plan, designed in Paper, animated with Motion
0:18

Agent Plan: A component to review and the run the agent plan, designed in Paper, animated with Motion

Jeet

59,805 просмотров • 3 месяцев назад

Call Booking Component: pick a slot, book the call Designed in Paper, animated with Motion
0:11

Call Booking Component: pick a slot, book the call Designed in Paper, animated with Motion

Jeet

31,666 просмотров • 2 месяцев назад

A component to test API Responses, designed in Paper, animated with Motion
0:16

A component to test API Responses, designed in Paper, animated with Motion

Jeet

18,386 просмотров • 3 месяцев назад

A component showing a coding agent in action, designed in Figma, animated with Motion
0:17

A component showing a coding agent in action, designed in Figma, animated with Motion

Jeet

30,567 просмотров • 4 месяцев назад

GPU Cluster Dashboard Component: monitor resource utilisation, thermals, and queue in real time Designed in Paper, animated with Motion
0:17

GPU Cluster Dashboard Component: monitor resource utilisation, thermals, and queue in real time Designed in Paper, animated with Motion

Jeet

15,456 просмотров • 2 месяцев назад

A wallet component, spent too long on getting the spring physics right Designed in Paper, animated with Motion
0:10

A wallet component, spent too long on getting the spring physics right Designed in Paper, animated with Motion

Jeet

15,214 просмотров • 3 месяцев назад

Diff viewer: a component to review the changes done by a coding agent, designed in Figma, animated with Motion
0:18

Diff viewer: a component to review the changes done by a coding agent, designed in Figma, animated with Motion

Jeet

15,344 просмотров • 4 месяцев назад

💡CSS Tip! Create a tooltip that follows an anchor with modern CSS! No JavaScript is used to control the position of the tooltip or its tail. It's 100% CSS magic!
0:16

💡CSS Tip! Create a tooltip that follows an anchor with modern CSS! No JavaScript is used to control the position of the tooltip or its tail. It's 100% CSS magic!

CSS by T. Afif

57,924 просмотров • 10 месяцев назад

✨ 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,059 просмотров • 2 лет назад

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 просмотров • 2 лет назад

Just added In View component to motion-primitives. Easily trigger animations when elements are in the viewport
0:10

Just added In View component to motion-primitives. Easily trigger animations when elements are in the viewport

Ibelick

10,365 просмотров • 2 лет назад

My new portfolio is live! It features an interactive device for you to play with, the interactions I've shared here in the past + some written case studies of my work. Made with Tailwind and Framer Motion, powered by NextJS.
0:14

My new portfolio is live! It features an interactive device for you to play with, the interactions I've shared here in the past + some written case studies of my work. Made with Tailwind and Framer Motion, powered by NextJS.

Michael Sommer

58,652 просмотров • 2 лет назад

Command bar for the agent platform, designed in Figma, animated with Motion
0:11

Command bar for the agent platform, designed in Figma, animated with Motion

Jeet

13,577 просмотров • 4 месяцев назад

React Server Components bring rendering flexibility to the component level in Next.js. Hear from Aurora Scharff at Next.js Conf to learn about: • Async components • Efficient data management • Optimizing load times and interactivity Join us in SF or stream online on Oct 24.
0:12

React Server Components bring rendering flexibility to the component level in Next.js. Hear from Aurora Scharff at Next.js Conf to learn about: • Async components • Efficient data management • Optimizing load times and interactivity Join us in SF or stream online on Oct 24.

Next.js

16,254 просмотров • 1 год назад

@𝚟𝚎𝚛𝚌𝚎𝚕/𝚗𝚎𝚡𝚝-𝚋𝚛𝚘𝚠𝚜𝚎𝚛 lets agents inspect a running Next.js app from the terminal. Component trees, PPR shells, screenshots, network requests. Agents can lower Suspense allowing more cached content to be included in the static prerender.
0:13

@𝚟𝚎𝚛𝚌𝚎𝚕/𝚗𝚎𝚡𝚝-𝚋𝚛𝚘𝚠𝚜𝚎𝚛 lets agents inspect a running Next.js app from the terminal. Component trees, PPR shells, screenshots, network requests. Agents can lower Suspense allowing more cached content to be included in the static prerender.

Next.js

12,584 просмотров • 5 месяцев назад

Grace in motion, magic in silence 🩷💭✨ Guess the movie name?
0:19

Grace in motion, magic in silence 🩷💭✨ Guess the movie name?

𝓡𝓮𝓫𝓮𝓵 𝓼𝓪𝓪𝓫 😎

31,861 просмотров • 6 месяцев назад

Matt Walsh Matt, this clip with Robin DiAngelo is priceless. Worth the cost of admission alone. And nice get-up.
0:13

Matt Walsh Matt, this clip with Robin DiAngelo is priceless. Worth the cost of admission alone. And nice get-up.

Frank DeScushin

488,963 просмотров • 2 лет назад

🚀 Take Radix by WorkOS to the next level with the official Motion x Radix integration guide! Featuring recommended patterns for exit and layout animations, and a slew of fresh Motion+ examples. Which component library would you like to see next?
0:19

🚀 Take Radix by WorkOS to the next level with the official Motion x Radix integration guide! Featuring recommended patterns for exit and layout animations, and a slew of fresh Motion+ examples. Which component library would you like to see next?

Matt Perry

30,937 просмотров • 1 год назад