正在加载视频...

视频加载失败

返回首页

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

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,964 次观看 • 3 个月前

How to show an inline loading indicator in Next.js with server components? With "useTransition"
0:16

How to show an inline loading indicator in Next.js with server components? With "useTransition"

Alex Sidorenko

133,373 次观看 • 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,391 次观看 • 2 年前

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

Exclusion tabs. Made with Tailwind and Framer Motion.

Preet

128,025 次观看 • 1 年前

Designing with Framer agents is one thing, but the components you can build with it are insane. Fully-fledged, interactive components, built in literal minutes. 🤌
0:13

Designing with Framer agents is one thing, but the components you can build with it are insane. Fully-fledged, interactive components, built in literal minutes. 🤌

Hamza Ehsan

12,593 次观看 • 20 天前

I built an iOS-style modal sheet with React Aria Components and Framer Motion! It uses gesture-driven animations to feel super smooth and natural on touch devices. It's a surprisingly small amount of code too. Check it out! 🤩
0:14

I built an iOS-style modal sheet with React Aria Components and Framer Motion! It uses gesture-driven animations to feel super smooth and natural on touch devices. It's a surprisingly small amount of code too. Check it out! 🤩

Devon Govett

182,651 次观看 • 3 年前

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

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

Motion design for Framer
0:16

Motion design for Framer

Gal Shir

1,962,899 次观看 • 9 个月前

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

Is this how you should use sticky positioning in Framer?

Kamil

12,669 次观看 • 9 个月前

Still learning how to use alight motion 😞
0:16

Still learning how to use alight motion 😞

aki 🍉

17,097 次观看 • 1 年前

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,395 次观看 • 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 次观看 • 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,893 次观看 • 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 年前

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 年前