6 ideas for animating your app with Framer Motion

  Рет қаралды 106,177

Sam Selikoff

Sam Selikoff

Күн бұрын

Watch Lesson 1 of the course for free:
buildui.com/series/framer-mot...
- 0:00 - Intro
- 0:19 - New Course
- 0:41 - 1. Checkbox animation
- 1:21 - 2. Email inbox
- 2:11 - 3. Scrollable header
- 3:11 - 4. Image carousel
- 4:25 - 5. Resizable panel
- 6:04 - 6. Calendar
- 7:20 - Outro

Пікірлер: 42
@mryechkin
@mryechkin Жыл бұрын
This was awesome :) Love seeing how the different examples all come together in the end. I also realized a better way of doing something I recently worked on using those dynamic variants, so thanks for that tip!
@michael.knight
@michael.knight Жыл бұрын
Great examples. It’s been a year since I last did complex animations with framer motion, it’s crazy to see how many new features and improvements have been added over such a short time.
@niravmandli4572
@niravmandli4572 Жыл бұрын
Great work! I appreciate all the effort put into this and I can't wait to see more in the future. I'm always excited to learn new things and your content is a great resource for that.
@dudusami89
@dudusami89 Жыл бұрын
The resizable panel animation is a gamechanger, thanks for showing this trick!
@garrysyt8461
@garrysyt8461 Жыл бұрын
Amazing content 😊. Thank you for the course . Just upload such great content and there will be amazing growth to your channel
@joshuagalit6936
@joshuagalit6936 Жыл бұрын
This is legitimately amazing!!
@ryanquinn1257
@ryanquinn1257 3 ай бұрын
Just getting into Framer Motion and this is a cool place to kickoff some nice UI updates
@ThugLifeModafocah
@ThugLifeModafocah Жыл бұрын
Very useful and well done examples. Thank you.
@cmaciasjimenez
@cmaciasjimenez 11 ай бұрын
Great examples. Thank you
@craigcaski
@craigcaski Жыл бұрын
This got me super inspired!
@apurvchimralwar
@apurvchimralwar Жыл бұрын
Thank You😊 - This was needed♥ ...
@oldo-nicho
@oldo-nicho Жыл бұрын
Very useful, thanks!
@ivanvolti
@ivanvolti Жыл бұрын
Good stuff, thank you!
@androiduseronappledevice4477
@androiduseronappledevice4477 Жыл бұрын
Nice content! You've won a sub 👍
@moishinetzer
@moishinetzer Жыл бұрын
Hey Sam! Love the work! I would love to see a tutorial where you can animate transitions between routes in Remix! Like when you show the email confirmation example, doing that when transitioning from the /email route to the /email/success route!
@youssefbenlemlih
@youssefbenlemlih Жыл бұрын
🙏Awesome video. Informative and inspiring. Keep going 🎉
@andrewiglinski148
@andrewiglinski148 Ай бұрын
I'm a fairly experienced developer, and I just finally moved from gsap to framer motion. I always thought I can do everything with gsap so why change, but holy s--t... It's soooooooo much faster and just overall better. I'm actually kind of embarrassed that it took me this long to migrate.
@talhazaryab
@talhazaryab Жыл бұрын
Just found your channel. You are a lengend. i wish your channel grow fast.
@manishpanchal1098
@manishpanchal1098 Жыл бұрын
nice video
@arshiaranjbar7063
@arshiaranjbar7063 23 күн бұрын
hey im searching for expandble cards you know ? that cards when you click they going to fullscreen
@a89529294
@a89529294 Жыл бұрын
@flying_salt
@flying_salt 9 ай бұрын
You got a new subscriber!
@chethannp5981
@chethannp5981 Жыл бұрын
@Sam Selikoff I tried purchasing the course the payment went through but the website said your session has expired. Now its not even allowing me to login or reset password :( could you please help!
@samselikoff
@samselikoff Жыл бұрын
I think you were able to reach out and get help from Ryan. Are you still having any issues?
@chethannp5981
@chethannp5981 Жыл бұрын
@@samselikoff Thank you..!
@lsagar
@lsagar Жыл бұрын
Love the content and would like to purchase the course. Any chance you offer regional discounts?
@samselikoff
@samselikoff Жыл бұрын
We do, shoot an email to support@buildui.com!
@lsagar
@lsagar Жыл бұрын
@@samselikoff sure will do
@currankelleher
@currankelleher Жыл бұрын
Yo are you Vimming in VSCode!?
@user-td5gy2fh3p
@user-td5gy2fh3p 3 ай бұрын
what vscode theme are you using?
@dog4ik
@dog4ik Жыл бұрын
150 kb of pure animation joy
@gajanankadam7262
@gajanankadam7262 6 ай бұрын
😂😂
@assk477
@assk477 Жыл бұрын
which carousel are you using ?
@samselikoff
@samselikoff Жыл бұрын
It's a custom one that we build in the course! buildui.com/courses/framer-motion-recipes/carousel-part-1
@rayhanislam7518
@rayhanislam7518 Жыл бұрын
please share fixed header demo in youtube.
@adam29334
@adam29334 Жыл бұрын
new buildUI content when
@samselikoff
@samselikoff Жыл бұрын
This week!!
@adam29334
@adam29334 Жыл бұрын
@@samselikoff alright, subbing
@siobe0
@siobe0 Жыл бұрын
Don't see some of the components/hooks in this video in their docs. Am I just glossing over it or do their docs not cover everything?
@madebyjonny7637
@madebyjonny7637 Жыл бұрын
Crossfitter? 👀
@samselikoff
@samselikoff Жыл бұрын
Yessir, well not since I slipped a disc 😭 but yis
@madebyjonny7637
@madebyjonny7637 Жыл бұрын
@@samselikoff oh awesome (not that you slipped a disc), my "channel" is mostly CF comps i've done media for if its of interest. But good to see more devs are into fitness 😅
Building the slider from iOS 16 with Framer Motion
14:50
Sam Selikoff
Рет қаралды 14 М.
How to build a Recursive React Component
21:16
Sam Selikoff
Рет қаралды 27 М.
A clash of kindness and indifference #shorts
00:17
Fabiosa Best Lifehacks
Рет қаралды 134 МЛН
Iron Chin ✅ Isaih made this look too easy
00:13
Power Slap
Рет қаралды 36 МЛН
БАБУШКИН КОМПОТ В СОЛО
00:23
⚡️КАН АНДРЕЙ⚡️
Рет қаралды 17 МЛН
Looks realistic #tiktok
00:22
Анастасия Тарасова
Рет қаралды 106 МЛН
GSAP vs Framer Motion for React
10:24
Olivier Larose
Рет қаралды 17 М.
My Top 5 Techniques for Web Animation
9:58
Olivier Larose
Рет қаралды 61 М.
Collapsible table rows with Framer Motion layout animations
48:35
Sam Selikoff
Рет қаралды 23 М.
Building a Resizable Panel with Framer Motion
22:20
Sam Selikoff
Рет қаралды 27 М.
Building the Mac OS Dock with React
22:09
Sam Selikoff
Рет қаралды 11 М.
10 Tailwind Tricks You NEED To Know!
10:45
Ravi - Perfect Base
Рет қаралды 281 М.
Animating a radial gradient with Framer Motion
18:58
Sam Selikoff
Рет қаралды 14 М.
Pydantic is all you need: Jason Liu
17:55
AI Engineer
Рет қаралды 172 М.
The Right Way to Animate SVG in React
15:36
CoderOne
Рет қаралды 20 М.
С топором нельзя #ссср #история
1:00
MOTIVATION
Рет қаралды 2,2 МЛН