Loading video...

Video Failed to Load

Go Home

TUTORIAL: Liquid Animations in Framer (within 30 sec) Comment "FLUID" and I'll send you this project file.

learnframer's profile picture

Framer University

52,318 subscribers

20,681 views • 1 year ago •via X (Twitter)

EducationScience & TechnologyArts
LIVE

Anya Rossi• Live Now

Private livecam show

11 Comments

Framer University's profile picture
Framer University1 year ago

🎓 I'm releasing a Framer learning platform + a course next year. Want to be the first to know when it launches? 👇 Join the waitlist below & get notified!

Anima's profile picture
Anima1 year ago

Transform your @figma designs into production-ready @shadcn components with Anima. Streamline your workflow, maintain design consistency, and generate Tailwind-based code effortlessly.✨

Adedeji ✨👨‍💻's profile picture
Adedeji ✨👨‍💻1 year ago

@framer Fluid

Yashwanth V.'s profile picture
Yashwanth V.1 year ago

@framer Here’s something I made using your component ✨

Yashwanth V.'s profile picture
Yashwanth V.1 year ago

@framer You missed one thing:

Framer University's profile picture
Framer University1 year ago

@framer yes haha this is kind of a side effect.

Brandon Lavender's profile picture
Brandon Lavender1 year ago

@framer FLUID

Grey's profile picture
Grey1 year ago

@framer FLUID

Jarrad Grigg's profile picture
Jarrad Grigg1 year ago

@framer FLUID

插座-CLONE's profile picture
插座-CLONE1 year ago

@framer FLUID

Ofego's profile picture
Ofego1 year ago

@framer Fluid

Related Videos

TUTORIAL: Creating a Dynamic Pricing Slider in Framer. Comment "PRICING" and I'll send you the project file.
0:49

TUTORIAL: Creating a Dynamic Pricing Slider in Framer. Comment "PRICING" and I'll send you the project file.

Framer University

11,074 views • 1 year ago

TUTORIAL: holographic 3D cards in Framer without any code. comment "WOW" and i'll send you the project file.
1:00

TUTORIAL: holographic 3D cards in Framer without any code. comment "WOW" and i'll send you the project file.

Framer University

18,458 views • 1 year ago

the new Framer site is crazy... but can i make it crazier? comment "LIQUID" and i'll send you the project file for this template.
0:30

the new Framer site is crazy... but can i make it crazier? comment "LIQUID" and i'll send you the project file for this template.

Framer University

21,083 views • 1 year ago

stop making boring overlays in Framer. copy my bulletproof setup. comment “MODAL” and i'll send you this project file.
0:53

stop making boring overlays in Framer. copy my bulletproof setup. comment “MODAL” and i'll send you this project file.

Framer University

10,091 views • 1 year ago

here's how 90% scroll animations can be created in Framer. comment “SCROLL” and i’ll send you the project file.
0:46

here's how 90% scroll animations can be created in Framer. comment “SCROLL” and i’ll send you the project file.

Framer University

14,435 views • 1 year ago

stop making boring hero sections in Framer. here's what to do instead. comment "ART" and i'll send you this project file :)
0:48

stop making boring hero sections in Framer. here's what to do instead. comment "ART" and i'll send you this project file :)

Framer University

11,347 views • 1 year ago

HOW TO: parallax scrolling effect with Framer (in 52 seconds) comment "PARALLAX" and I'll send the project file 📂
0:52

HOW TO: parallax scrolling effect with Framer (in 52 seconds) comment "PARALLAX" and I'll send the project file 📂

Framer University

30,074 views • 1 year ago

how is this 2.5 hour Framer crash course is free?? comment "TUTORIAL" and i'll send it over to you! :)
0:34

how is this 2.5 hour Framer crash course is free?? comment "TUTORIAL" and i'll send it over to you! :)

Framer University

50,659 views • 5 months ago

STOP using absolute positioning in Framer... comment "FRAMER" and i'll send you the project with the CORRECT page structure (used by all framer experts)
0:57

STOP using absolute positioning in Framer... comment "FRAMER" and i'll send you the project with the CORRECT page structure (used by all framer experts)

Framer University

11,479 views • 1 year ago

HOW TO: creating simple filtering in Framer CMS. comment "PORTFOLIO" and i'll send you the remix + the full tutorial. :)
2:30

HOW TO: creating simple filtering in Framer CMS. comment "PORTFOLIO" and i'll send you the remix + the full tutorial. :)

Framer University

12,386 views • 9 months ago

they said this can't be developed. i laughed. comment “JOYSTICK” and i'll send you this project file.
0:52

they said this can't be developed. i laughed. comment “JOYSTICK” and i'll send you this project file.

Framer University

15,341 views • 1 year ago

do not make this SEO mistake in Framer. comment "SEO" and i'll send you this plugin for free! :)
0:53

do not make this SEO mistake in Framer. comment "SEO" and i'll send you this plugin for free! :)

Framer University

16,951 views • 10 months ago

This is not a Typeform. This is a multi-step form in Framer ✅ Comment "Framer" and I'll send you the remix! Requires ⚠️
0:30

This is not a Typeform. This is a multi-step form in Framer ✅ Comment "Framer" and I'll send you the remix! Requires ⚠️

Ryan Hayward

28,016 views • 2 years ago

New Framer Template Release! Want it FREE? Like, repost, and comment "Appit" within 24 hours. I'll send you the template!
0:27

New Framer Template Release! Want it FREE? Like, repost, and comment "Appit" within 24 hours. I'll send you the template!

Praha

22,576 views • 1 year ago

New Framer Template Release! Want it FREE? Like, repost, and comment "capable" within 24 hours. I'll send you the template!
0:30

New Framer Template Release! Want it FREE? Like, repost, and comment "capable" within 24 hours. I'll send you the template!

Praha

21,507 views • 1 year ago

New Framer Template Release! Want it FREE? Like, repost, and comment "Aston" within 24 hours. I'll send you the template!
0:53

New Framer Template Release! Want it FREE? Like, repost, and comment "Aston" within 24 hours. I'll send you the template!

Praha

42,015 views • 1 year ago

can i push Framer's capabilities enough to build this hero animation? comment "COSMOS" and i'll send you the project file.
1:00

can i push Framer's capabilities enough to build this hero animation? comment "COSMOS" and i'll send you the project file.

Framer University

11,300 views • 1 year ago

TUTORIAL: create shimmering SVG paths in Framer without any code. comment “SVG” and i’ll send this to you for free.
0:30

TUTORIAL: create shimmering SVG paths in Framer without any code. comment “SVG” and i’ll send this to you for free.

Framer University

25,570 views • 1 year ago

TUTORIAL: easy no-code WebGL scenes for your Framer sites. i’m in good mood, and will send all project files if you comment the word “SECRET” :)
0:46

TUTORIAL: easy no-code WebGL scenes for your Framer sites. i’m in good mood, and will send all project files if you comment the word “SECRET” :)

Framer University

20,712 views • 1 year ago

the secret to seamless looping cycle animations in Framer. comment “CYCLE” and i’ll send you a perfect looping text cycle effect in framer.
0:42

the secret to seamless looping cycle animations in Framer. comment “CYCLE” and i’ll send you a perfect looping text cycle effect in framer.

Framer University

10,056 views • 1 year ago