正在加载视频...

视频加载失败

返回首页

How to use Framer Motion with Server Components

asidorenko_'s profile picture

Alex Sidorenko

35,116 subscribers

103,285 次观看 • 2 年前 •via X (Twitter)

科学技术教育艺术
LIVE

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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 次观看 • 1 年前

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 次观看 • 2 个月前

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 次观看 • 2 年前

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 次观看 • 1 年前

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 次观看 • 2 年前

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

Exclusion tabs. Made with Tailwind and Framer Motion.

Preet

127,954 次观看 • 1 年前

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 次观看 • 1 年前

Motion design for Framer
0:16

Motion design for Framer

Gal Shir

1,953,582 次观看 • 8 个月前

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 次观看 • 1 年前

Still learning how to use alight motion 😞
0:16

Still learning how to use alight motion 😞

aki 🍉

17,097 次观看 • 11 个月前

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 次观看 • 8 个月前

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 次观看 • 2 年前

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 次观看 • 11 个月前

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 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 1 年前

A grid rotation concept Framer-motion Chakra
0:11

A grid rotation concept Framer-motion Chakra

Austin Malerba

385,993 次观看 • 3 年前

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 次观看 • 6 个月前

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 次观看 • 1 年前