Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Stop designing hierarchy without motion The perfect layout still needs motion to create hierarchy Try my rule of 3 to apply better hierarchy with motion to your Framer #framer #ui #framerpartner

zander_supafast's profile picture

Zander Whitehurst

230,392 subscribers

15,876 görüntüleme • 6 ay önce •via X (Twitter)

#framer#ui#framerpartner
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

Recently designed this landing page for cotrain Clean layout. Better hierarchy. Smoother motion. The live link dropping soon...
0:36

Recently designed this landing page for cotrain Clean layout. Better hierarchy. Smoother motion. The live link dropping soon...

James Laurent

38,198 görüntüleme • 3 ay önce

🎉 After six incredible years at Framer, it’s time for my next step. Today, we’re spinning Framer Motion out into its own independent open-source project, to better serve the whole community. Introducing Motion. For React, and now, for everyone.
0:36

🎉 After six incredible years at Framer, it’s time for my next step. Today, we’re spinning Framer Motion out into its own independent open-source project, to better serve the whole community. Introducing Motion. For React, and now, for everyone.

Matt Perry

397,602 görüntüleme • 1 yıl önce

getting closer with framer motion coverage. certainly not for the faint of heart... springs, layout animations, shared elements, exit animations, slowmo scrubbing that stays physically accurate. lots of bugs still to squash, but hoping to share in the coming weeks🤞
0:52

getting closer with framer motion coverage. certainly not for the faint of heart... springs, layout animations, shared elements, exit animations, slowmo scrubbing that stays physically accurate. lots of bugs still to squash, but hoping to share in the coming weeks🤞

matt

10,900 görüntüleme • 2 ay önce

My Framer plugin, Grit UI, is live on the Framer Marketplace 🔥 Free to try, but 100x better fully unlocked. — Link in the comments
0:56

My Framer plugin, Grit UI, is live on the Framer Marketplace 🔥 Free to try, but 100x better fully unlocked. — Link in the comments

Lauri Lännenmäki

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

Introducing Prism UI ✨ A UI library built on top of shadcn components to create beautiful pages 🪄 Animated components that are build on shadcn, Tailwind CSS and framer motion. 100% Free and Open Source I have drawn inspiration from two main sources ◆ shadcn - The foundation and the 🐐 ◆ Steven Tey - The clean, modern UI/UX seen in dub has been a huge inspiration Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry (framer motion) This was my holiday project - Hope you like it 🖤 #opensource #buildinpublic
0:47

Introducing Prism UI ✨ A UI library built on top of shadcn components to create beautiful pages 🪄 Animated components that are build on shadcn, Tailwind CSS and framer motion. 100% Free and Open Source I have drawn inspiration from two main sources ◆ shadcn - The foundation and the 🐐 ◆ Steven Tey - The clean, modern UI/UX seen in dub has been a huge inspiration Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry (framer motion) This was my holiday project - Hope you like it 🖤 #opensource #buildinpublic

CodeHagen

241,680 görüntüleme • 1 yıl önce

Motion study for the first half of 2025, Little Plains Want to do more of this — animation, prototyping, motion, AI? Use AE, Jitter, Lottie, Rive, Spline? Live for clean timing, easing? Exploring C4D, Framer Motion, JS/CSS, & AI-driven interfaces? 📩 hello@littleplains.co
0:51

Motion study for the first half of 2025, Little Plains Want to do more of this — animation, prototyping, motion, AI? Use AE, Jitter, Lottie, Rive, Spline? Live for clean timing, easing? Exploring C4D, Framer Motion, JS/CSS, & AI-driven interfaces? 📩 [email protected]

Emmett

26,040 görüntüleme • 1 yıl önce

Create a few hero layout variations in seconds. Ask the Framer Agent to help with your design exploration by restacking the existing hero, same copy and styles, then drop the one you like onto the site
1:02

Create a few hero layout variations in seconds. Ask the Framer Agent to help with your design exploration by restacking the existing hero, same copy and styles, then drop the one you like onto the site

Framer

12,912 görüntüleme • 25 gün önce

If you're a React Native user, you should *really* try out Flutter some time to see what we're missing. The integrated debugger is just mesmerising. You can navigate your UI tree via component hierarchy, or via visual layout. Clicking on either takes you to the declaration site!
0:37

If you're a React Native user, you should *really* try out Flutter some time to see what we're missing. The integrated debugger is just mesmerising. You can navigate your UI tree via component hierarchy, or via visual layout. Clicking on either takes you to the declaration site!

Jamie Birch

31,015 görüntüleme • 5 gün önce

Use the Framer agent to create color variants of your design, even with shaders.
0:25

Use the Framer agent to create color variants of your design, even with shaders.

Joran Entjes

17,249 görüntüleme • 3 ay önce

cursor pro tip: create a global agent rule to run a bash script every time new files are created your file structure will always be up-to-date so claude knows the hierarchy of your app 🔥
1:03

cursor pro tip: create a global agent rule to run a bash script every time new files are created your file structure will always be up-to-date so claude knows the hierarchy of your app 🔥

Ian Nuttall

248,302 görüntüleme • 1 yıl önce

Getting started with animation or looking to level up? In the first lesson of Mastering animations and interactions, @jatodaro breaks down why motion matters and how it makes your site clearer, smoother, and feel more alive.
0:37

Getting started with animation or looking to level up? In the first lesson of Mastering animations and interactions, @jatodaro breaks down why motion matters and how it makes your site clearer, smoother, and feel more alive.

Framer

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

Advanced Framer by Dan Hollick is finally out! Take your understanding of Framer to the next level by building a complete site from start to finish. Lessons Include Layout, Animations, and even Code Overrides! Be quick and grab that -20% discount!
2:04

Advanced Framer by Dan Hollick is finally out! Take your understanding of Framer to the next level by building a complete site from start to finish. Lessons Include Layout, Animations, and even Code Overrides! Be quick and grab that -20% discount!

Framer

15,633 görüntüleme • 3 yıl önce

Camera motion with thermal cameras can often create the illusion of motion because the camera's burnt-in noise is often higher contrast than the ocean surface. Stabilize on the object to see the motion relative to the ocean of these birds from PR135
0:32

Camera motion with thermal cameras can often create the illusion of motion because the camera's burnt-in noise is often higher contrast than the ocean surface. Stabilize on the object to see the motion relative to the ocean of these birds from PR135

Mick West

15,576 görüntüleme • 10 gün önce

This works by using: - normal border-radius - a ::before pseudo-element for the tab - Framer Motion to handle the drag interaction - a tiny distance-to-progress calculation that updates the border radii
0:21

This works by using: - normal border-radius - a ::before pseudo-element for the tab - Framer Motion to handle the drag interaction - a tiny distance-to-progress calculation that updates the border radii

Kevin Grajeda

308,631 görüntüleme • 1 ay önce

In the context of Tyler Robinson’s motion to disqualify, his lawyers were asking for a referral to the Utah Attorney General on the basis that the Utah county attorney’s office should not self-adjudicate on the motion to disqualify for conflict of interest. That request for referral was denied. The state attorneys can argue against the motion to disqualify themselves, with no special needs to refer to Attorney General‘s office. No adjudication on the merits of the motion to disqualify. My prediction is that the motion to disqualify fails. There is no legitimate basis to disqualify.
2:01

In the context of Tyler Robinson’s motion to disqualify, his lawyers were asking for a referral to the Utah Attorney General on the basis that the Utah county attorney’s office should not self-adjudicate on the motion to disqualify for conflict of interest. That request for referral was denied. The state attorneys can argue against the motion to disqualify themselves, with no special needs to refer to Attorney General‘s office. No adjudication on the merits of the motion to disqualify. My prediction is that the motion to disqualify fails. There is no legitimate basis to disqualify.

Viva Frei

39,197 görüntüleme • 7 ay önce

Gallery. Made with Tailwind and Framer Motion. Navigation inspired by Manrope. Thanks to Hari · animata.design for the challenge. Hari is building an easy-to-install, open-source interaction library with hundreds of hand-crafted components. Check it out if that seems relevant to you.
0:20

Gallery. Made with Tailwind and Framer Motion. Navigation inspired by Manrope. Thanks to Hari · animata.design for the challenge. Hari is building an easy-to-install, open-source interaction library with hundreds of hand-crafted components. Check it out if that seems relevant to you.

Preet

17,363 görüntüleme • 2 yıl önce

ChatGPT can now create motion designs. Introducing the Motion MCP for ChatGPT Connect it to motion through the MCP, give it your assets and describe what you want. ChatGPT handles the ideas, animations and transitions directly inside motion. This launch video was created using the Motion MCP 👇
0:30

ChatGPT can now create motion designs. Introducing the Motion MCP for ChatGPT Connect it to motion through the MCP, give it your assets and describe what you want. ChatGPT handles the ideas, animations and transitions directly inside motion. This launch video was created using the Motion MCP 👇

Motion

90,939 görüntüleme • 12 gün önce

Introducing Motion UI. White label, production-ready, performance-graded UI components for React. Ready to drop straight into your design via shadcn CLI and Tailwind CSS, or adapt via your agent with our one-click prompt generator or the Motion MCP.
0:25

Introducing Motion UI. White label, production-ready, performance-graded UI components for React. Ready to drop straight into your design via shadcn CLI and Tailwind CSS, or adapt via your agent with our one-click prompt generator or the Motion MCP.

Motion

176,031 görüntüleme • 2 ay önce