scrollable list, and variable fonts. Again.

btw I do everything with #framermotion

useTransform is so powerful #framermotion

const targetScale = 1 - (cards.length - i) * 0.04;
const inputRangeTopTo = i * (1 / cards.length) + (1 / cards.length) * visibleCards;
const inputRangeTop = [i * (1 / cards.length), inputRangeTopTo - 0.4, inputRangeTopTo];

#100DaysOfCode
Day 15
Today I added FramerMotion!
I learned the basics and I performed this animation. It isn't the desired output but I'm happy to make this little animation.

portfolio transition sneak peak
#framermotion #r3f

ちょっと遅くなってしまったけど、Framer Motionを使って、画像が下からふわっと出てくるようにできました。

設定項目のどれが何かを理解するのがちょっと大変だけど、一度わかってしまえば本当に簡単にアニメーションが設定できていい。

#framermotion
#Nextjs

I built this cool animation for folder and its assets 📂✨ #framermotion '

#reactjam submission

live twisted-twister.vercel.app
repo github.com/seantai/twiste…

made w/ #threejs #r3f #framermotion

Oh hey Framer Motion, you’re nice 👋🏻

#framer #framer Motion

Day 18 of #100DaysOfCode : 🚀 Today, I worked with #ReactJS and #FramerMotion to create a celebration follower count! 🎉 Starting from 0, it smoothly climbed up to 160! 📈 After reaching 160, a message popped up to thank my amazing Twitter family! 💙 #webdevelopment #codingjourney

DAY63: 🚀 Just launched my sleek To-Do app! 📝 Built with React & Material UI for a stunning design. 🎨 Added smooth animations with Framer Motion to elevate the user experience. Check it out and boost your productivity! 💻✨ #React #MaterialUI #FramerMotion #ToDoApp #WebDev 🚀

🚀 Quick update on the portfolio website: Laptop hiccup led to a delay. The interesting blend of basic #Threejs and #FramerMotion is hard at work. Here is how the website looks for now💻🎨 #WebDev #reactjs

I'm getting more into Framer Motion and this is a slick collection of ui components that are fully customizable. ui.aceternity.com/components/gri…. #tailwind #framermotion #animation

Day 79 of #100DaysOfCode 🚀 Just nailed the Hero section of the professional site I'm working on! Achieved a sleek parallax effect using Framer Motion. Loving how it adds depth and dynamism to the page! 🌟 #WebDevelopment #FramerMotion #ParallaxEffect

Day 132 of #365DaysOfCode ,
✅Added dark mode in Article page and optimize images in portfolio website using nextjs, tailwind css and framer motion. #100DaysOfCode #react #framermotion #tailwindcss #buildinpublic #framermotion #nextjs

Who wants to play with our #framer built components?

So clean, they’re dirty as f*ck 😎

#uidesign #framer motion #FridayFeeling

Exploring the concept of fear and monsters histories in form of 3D cards. When you double click you can enter another world 😄

3d-monsters-cards.vercel.app

Made with #react #threejs #r3f #next #framermotion #javascript #zustand #css #html

Working on the landing page for the Framer Motion course 🎉 Animations serve a lot of important purposes, but we also shouldn't forget that adding a bit of fun is never wrong.

Getting a bit carried away with my own confetti though 😅 #framermotion

Who said contact forms can't be fun?
I tried to do something interesting with the redesigned contact form for my personal website 📮✨

Don't forget to watch it till the end 👀

#framermotion #tailwindcss

Super fun little button!
Build it using #ThreeJS #React #r3f #FramerMotion
Demo natali-pp.github.io/button-3d-anim…

Hey folks,
what did you made today ?

see what i made with the help of #framermotion and some #CSS #javascript tricks.

I was thinking to about this little animation from last week, and finally I made it.

Find the code & live link below.
#happyCoding #frondend #dailycoding