Saakar Gogiasaakarx.hashnode.dev·Jan 24, 2025Animate on Button Click | Motion, NextJSIn this article, we will explore how to animate elements on a button click using the motion library (formerly known as framer-motion). We will demonstrate this with examples that use: useAnimate hook motion elements from the library Install motio...TypeScript
FinsFlowfinsflow.uk·Dec 5, 2024Cloud Svg Bundle🔍 Check out Cloud Svg Bundle now! Explore this 📁 printable illustrations and claim your 🆓 free download here. Let's start crafting together! 🚀 Welcome to my store! You will get SVG and PNG files. Best quality! SVG and PNG are universal file forma...thundercloud
Ravindra Nagblog.ravindranag.in·Nov 30, 2024Route Transitions using motion (previously framer-motion)Hey there! I am working on my portfolio and plan to use motion’s AnimatePresence and layout animations. Its very exciting to see the creative peeps coming up with these amazing transitions using motion. I have managed to animate the change of routes....1 likeReact
FlarePixelflarepixel.uk·Nov 19, 2024One-line Animation of Earphone FreeDiscover the Art of One-Line Animation: Earphones in Motion Graphics Step into the captivating world of motion graphics with our latest offering: a stunning one-line animation of earphones that transforms the minimalistic beauty of audio technology i...Animated
nidhinkumarblog.nidhin.dev·Nov 18, 2024Framer Motion is now MotionFramer motion is now Motion. Framer Motion is now independent, which means it is free and open source Motion is a modern animation library for JavaScript and React There are 2 changes Motion's is getting a brand new home, here at motion.dev. Besides...motion
Daniel Simonsonmariposablog.hashnode.dev·Jul 22, 2024Advanced AnimationsDelving into advanced animations, our goal today is to get our banner to scale and rotate, but not just that. We want the banner to appear out of nowhere, from nothing seemingly, and then to rotate and scale up, almost reaching out of the screen. The...37 readsusemotionvalue
Oluwasegun Idowuengrshege.hashnode.dev·Jun 13, 2024Design Practice (Issue #3)This is my third design practice and I have just created the animation of this collapsable sidebar in Figma. Check out the result of my practice.🔥 https://youtube.com/shorts/DLsFCTlKCo8?si=lTxLtW4_mSAoBl8k 🎵 Background Song: Gratitude by @anendle...10 likescollapsable sidebar animation
Oluwasegun Idowuengrshege.hashnode.dev·Sep 10, 2023Ep. 17: MotionUdemy Course: Complete Web & Mobile Designer in 2023: UI/UX, Figma, + more by Andrei Neagoie & Daniel Schifano. Episode 17: Motion Introduction In this episode, we will be looking into motion. Motion is something every product designer should use in ...10 likesProduct DesignProduct Design
