正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

How to use Framer Motion with Server Components

Alex Sidorenko

35,421 subscribers

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

科学技术教育艺术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

Introducing Motion-Primitives: a collection of reusable animated components built with Framer Motion and Tailwind CSS.

Introducing Motion-Primitives: a collection of reusable animated components built with Framer Motion and Tailwind CSS.

Ibelick

89,015 次观看 • 2 年前

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

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

Praveen Kumar

23,964 次观看 • 6 个月前

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?

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

47,719 次观看 • 1 个月前

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

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

Alex Sidorenko

133,417 次观看 • 3 年前

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

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,553 次观看 • 3 年前

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!

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

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,806 次观看 • 3 年前

Exclusion tabs. Made with Tailwind and Framer Motion.

Exclusion tabs. Made with Tailwind and Framer Motion.

Preet

128,159 次观看 • 2 年前

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. 🤌

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

13,191 次观看 • 3 个月前

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! 🤩

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,695 次观看 • 3 年前

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

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

Daniel Destefanis

66,769 次观看 • 2 年前

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!

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

Motion design for Framer

Motion design for Framer

Gal Shir

1,992,303 次观看 • 1 年前

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

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

Roman Tesliuk

13,215 次观看 • 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!

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

Is this how you should use sticky positioning in Framer?

Is this how you should use sticky positioning in Framer?

Kamil

12,669 次观看 • 1 年前

Animated Inline Table ✧ Made with Tailwind and Framer Motion. Inspired by Nitish Khagwal

Animated Inline Table ✧ Made with Tailwind and Framer Motion. Inspired by Nitish Khagwal

LN

23,760 次观看 • 1 年前

Create New Interaction ✧ Made with Tailwind and Framer Motion. Inspired by Nitish Khagwal

Create New Interaction ✧ Made with Tailwind and Framer Motion. Inspired by Nitish Khagwal

LN

23,893 次观看 • 1 年前

Still learning how to use alight motion 😞

Still learning how to use alight motion 😞

aki 🍉

17,273 次观看 • 1 年前