Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

How to use Framer Motion with Server Components

asidorenko_'s profile picture

Alex Sidorenko

35,116 subscribers

103,285 görüntüleme • 2 yıl önce •via X (Twitter)

Bilim & TeknolojiEğitimSanat
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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

This is how you can make a button motion animation using components in Framer. Tutorial.
0:15

This is how you can make a button motion animation using components in Framer. Tutorial.

Praveen Kumar

23,794 görüntüleme • 2 ay önce

Common misconception: Components with "use client" only run in browser Client components still get pre-rendered to the initial HTML on the server (SSR)
0:10

Common misconception: Components with "use client" only run in browser Client components still get pre-rendered to the initial HTML on the server (SSR)

Alex Sidorenko

88,545 görüntüleme • 2 yıl önce

Waku ( provides a minimal API. With it, you can build a client-first app. No need for "use client." All components are client components. Server functions with "use server" can return JSX elements. Check out this working example!
0:12

Waku ( provides a minimal API. With it, you can build a client-first app. No need for "use client." All components are client components. Server functions with "use server" can return JSX elements. Check out this working example!

Daishi Kato

12,793 görüntüleme • 1 yıl önce

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

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

Exclusion tabs. Made with Tailwind and Framer Motion.

Preet

127,954 görüntüleme • 1 yıl önce

Motion design for Framer
0:16

Motion design for Framer

Gal Shir

1,953,366 görüntüleme • 8 ay önce

A playful carousel for my new portfolio, built with framer motion
0:13

A playful carousel for my new portfolio, built with framer motion

Daniel Destefanis

66,093 görüntüleme • 1 yıl önce

Custom video player in Framer 🤯 ▶️ Works with Youtube, Vimeo, HTML, URL ✏️ Customise everything! 🧱 12+ components (controls, timeline, volume, etc) Comment "Framer" and I'll add you to the waitlist!
0:16

Custom video player in Framer 🤯 ▶️ Works with Youtube, Vimeo, HTML, URL ✏️ Customise everything! 🧱 12+ components (controls, timeline, volume, etc) Comment "Framer" and I'll add you to the waitlist!

Ryan Hayward

17,692 görüntüleme • 1 yıl önce

Sneak peek: Custom video players in Framer 🎥 ▶️ Works with Youtube, Vimeo or HTML. ✏️ Customise everything! 🧱 10+ components (controls, timeline, volume, etc) Comment "Framer" and I'll add you to the waitlist!
0:11

Sneak peek: Custom video players in Framer 🎥 ▶️ Works with Youtube, Vimeo or HTML. ✏️ Customise everything! 🧱 10+ components (controls, timeline, volume, etc) Comment "Framer" and I'll add you to the waitlist!

Ryan Hayward

21,394 görüntüleme • 2 yıl önce

Is this how you should use sticky positioning in Framer?
0:16

Is this how you should use sticky positioning in Framer?

Kamil

12,641 görüntüleme • 8 ay önce

Still learning how to use alight motion 😞
0:16

Still learning how to use alight motion 😞

aki 🍉

17,036 görüntüleme • 11 ay önce

Animated Transactions Card ✧ Made with Tailwind and Framer Motion. Inspired by Nitish Khagwal
0:10

Animated Transactions Card ✧ Made with Tailwind and Framer Motion. Inspired by Nitish Khagwal

LN

10,354 görüntüleme • 1 yıl önce

Playing with framer motion & tweaking details for the upcoming ElevenLabs page 🤓
0:11

Playing with framer motion & tweaking details for the upcoming ElevenLabs page 🤓

Roman Tesliuk

12,711 görüntüleme • 11 ay önce

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

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

Another amazing use case for Framer Workshop: building filterable, searchable components without messy workarounds. Just a few prompts and I've got a solid starting point.
0:19

Another amazing use case for Framer Workshop: building filterable, searchable components without messy workarounds. Just a few prompts and I've got a solid starting point.

Mason Price

10,618 görüntüleme • 1 yıl önce

A grid rotation concept Framer-motion Chakra
0:11

A grid rotation concept Framer-motion Chakra

Austin Malerba

385,993 görüntüleme • 3 yıl önce

Flow Effect, now in Framer. Automatically animate sections along with any interaction or component with transitions you control. No more nested components needed.
0:10

Flow Effect, now in Framer. Automatically animate sections along with any interaction or component with transitions you control. No more nested components needed.

benjamin

28,878 görüntüleme • 6 ay önce

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