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...Discussmotion
Mary Ojoblog.maryojo.me·Nov 15, 2024Create an Animated Scaling Button using Framer Motion (Motion for React)Difficulty: ⭐️ (1/5 stars) Setup/Prerequisites: React.js, TailwindCSS, Framer Motion Key Concepts: Using animate, whileHover, whileTap and variants in Framer Motion The Challenge Since today is day 1, I’m starting with a simple animation - a button t...Discussframer-motion
Emmanuel Onoja0xfunhub.hashnode.dev·Oct 16, 2024How I made the Orbit like skills section with framer motion and tailwind CssAfter going through Hirok's new portfolio website on X(formerly Twitter), I thought that would be the perfect idea I've been looking for mine here. Well, I've been going around YouTube and blog posts for a portfolio inspiration and all I could see ar...Discuss·8 likes·64 readsNext.js
Shivam Katareshivamkatareblog.hashnode.dev·Oct 13, 2024Create Beautiful Scroll Animations in Next.js Using Framer MotionIntroduction Scrolling is something we do every day on our screens, but have you ever thought about how scrolling affects user experience? In today's world, scrolling has also become a way to give your users a smooth and satisfying experience. With t...Discuss·11 likes·1.4K readsframer-motion
Salim Rutagandafizzyd.hashnode.dev·Oct 12, 2024Revolutionizing Web Design with 3D: Next.js, Prismic.io, Three.js, and FramerIn today's digital age, immersive websites are the future. My latest project, a 3D website built with Next.js, Prismic.io, Three.js, and Framer, showcases the power of interactive web design. It’s fast, dynamic, and designed to captivate users. Tech ...DiscussWeb Development
Idorenyin Akaninyenedorendev.hashnode.dev·Oct 11, 2024Top interactive UI component libraries To have in your bookmarkOver the years we have seen the web evolved from static web pages to highly intuitive and interactive pages that actually in a subconscious way make users stay on them longer. In these recent times we have seen how building animated interactive compo...Discuss·594 readsUI
Abhishek Sadhwaniabhisheksadhwani.hashnode.dev·Oct 1, 2024A Comprehensive Guide to Framer Motion: Powerful Animations for ReactIn modern web development, user interfaces are all about engagement and interactivity. Animations play a key role in creating visually appealing and intuitive experiences, enhancing both usability and user satisfaction. Framer Motion is a leading ani...Discuss·55 readsframer-motion
Mike Odnisblog.mikeodnis.dev·Sep 26, 2024Beyond Static: Creating a Dynamic Developer Portfolio with Next.js and Modern Web TechIntroduction In today’s digital age, personal branding is crucial for developers looking to stand out in a competitive job market. A personal website that showcases your technical skills, personality, and accomplishments can open doors to new opportu...Discuss·86 readsShadn
Tharusha Nirmal Amarasooriyablogs.tharuxpert.com·Sep 10, 2024[Next.js] Unhandled Runtime ErrorIn today’s article, we will delve deeply into the issue of Unhandled Runtime Error in Next.js. We will explore what causes this error and how it manifest in your application. Additionally, we will provide a step-by-step guide on how to diagnose and r...DiscussNext.js
Saunak Ghoshrivuu.hashnode.dev·Sep 8, 2024Leveling Up Your Next.js App with Framer Motion: A Dev's JourneyI have to admit, I've been sleeping on animations for far too long. My Next.js apps were functional, sure, but they lacked that extra pizzazz that makes users go "Wow!" That all changed when I discovered Framer Motion. Let me take you on a little jou...DiscussFrontend Development
![[Next.js] Unhandled Runtime Error](https://cdn.hashnode.com/res/hashnode/image/upload/v1725977701166/1c142407-4d91-40f7-8802-5bb5774deae7.png?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
