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 likesNext.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·10 likes·72 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·69 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...Discussframer-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·64 readsShadn
Tharusha Nirmal Amarasooriyatharuxpert.hashnode.dev·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
Ido Evergreenidoevergreen.hashnode.dev·Aug 25, 2024Resources to learn framer motionI decided to write this guide cause when I started learning framer motion I encountered a significant challenge — the scarcity of comprehensive learning materials. much of my learning relied heavily on sifting through documentation, leaving me cravin...Discuss·10 likesframer-motion
Nikhil Singhnikhils4.hashnode.dev·Aug 16, 2024How to develop your dream UI 5x fasterIn today's fast-paced digital world, the ability to develop stunning user interfaces (UIs) quickly is a game-changer. Whether you're a seasoned developer or just starting out, the pressure to deliver visually appealing and functional UIs on tight dea...DiscussReact