Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

How to use Framer Motion with Server Components

asidorenko_'s profile picture

Alex Sidorenko

33,193 subscribers

102,604 Aufrufe • vor 2 Jahren •via X (Twitter)

Wissenschaft & TechnologieBildungKunst
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 2 Jahren

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

Exclusion tabs. Made with Tailwind and Framer Motion.

Preet

127,954 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

Motion design for Framer
0:16

Motion design for Framer

Gal Shir

1,952,865 Aufrufe • vor 8 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 8 Monaten

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 Aufrufe • vor 2 Jahren

Still learning how to use alight motion 😞
0:16

Still learning how to use alight motion 😞

aki 🍉

17,036 Aufrufe • vor 11 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 10 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 1 Jahr

React Server Components and data fetching
0:13

React Server Components and data fetching

Alex Sidorenko

55,957 Aufrufe • vor 3 Jahren

Switching to Framer is seamless with the Framer Studio. We partner with top-tier experts specializing in Framer to bring your vision to life with precision. Ready to make the move? ⬇️
0:18

Switching to Framer is seamless with the Framer Studio. We partner with top-tier experts specializing in Framer to bring your vision to life with precision. Ready to make the move? ⬇️

Framer

13,443 Aufrufe • vor 1 Jahr