Pulkitblogs.devpulkit.in·Jul 24, 2024Creating a Dynamic Horizontal Scroll Percentage Indicator with React and Framer MotionThe Idea Creating a visually appealing and functional portfolio website is essential for showcasing your skills and projects. I recently explored website designs from popular examples for my portfolio (devpulkit.in) and found one animation that reall...Discuss·1 like·53 readsReact
Cindy Kandiecindykandie.hashnode.dev·Jul 20, 2024CSS Animations and Transitions: Quick GuideIntroduction CSS animations and transitions are powerful tools that can bring your web pages to life. They allow you to create smooth, engaging, visually appealing effects that enhance the user experience. Whether you're looking to add simple transit...Discuss·5 likescrazyblogger
Temitope Ogunleyeogunleye.hashnode.dev·Jun 29, 2024Part Two: Creating Our Recipe Reusable Skeleton ComponentWelcome to part two of Skeleton Loaders: Simplifying Data Loading in React! In the first article, we learned how Facebook and LinkedIn leverage skeleton loading screens in managing users' expectations while data is fetched, built our React app from s...DiscussReact
Temitope Ogunleyeogunleye.hashnode.dev·Jun 28, 2024Skeleton Loaders: Simplifying Data Loading in React: Part 1Part One: Creating Our React App Welcome to our two-part series on Skeleton Loaders: Simplifying Data Loading in React! In part one of this series, we'll create our modern react application from scratch, fetch the data, and add styling. Understanding...DiscussReact
Nikki Ekeclouds.hashnode.dev·Jun 3, 2024FeaturedHow to create Staggered Animation in Flutter: A Guide to Micro-interactionsA staggered animation consists of sequential or overlapping animations. The animation might be purely sequential, with one change occurring after the next, or it might partially or completely overlap. When the animation is sequential, the elements ar...Discuss·47 likes·391 readsFlutter
Hafsa Abiddevwithflutter.hashnode.dev·May 7, 2024Flutter Power-Ups: Essential Packages for Modern App DevelopmentFlutter, Google's open-source UI software development toolkit, has taken the mobile app development world by storm. One of the reasons for its popularity is its robust ecosystem of packages and libraries that extend its capabilities and make developm...Discusscupertino
Christoph SalvisbergforSoftware Engineering Cornersoftware-engineering-corner.zuehlke.com·Apr 8, 2024Building page transitions with react-router v6 and framer motionThe goal Based on an application with a proper layout, we want to have a simple and clean fade transition when navigating between the pages. Having a client-side rendered application and not implementing that would be a bit of wasted potential. We w...Discuss·154 readsanimations
Karthick Ramanathankarthickr95.hashnode.dev·Apr 4, 2024Explore Compose Transition ClassWhat is Transition and TransitionState? The Transition class serves as a versatile controller, facilitating the creation and management of numerous child animations through a single object. This capability is particularly beneficial when needing prec...Discuss·1 like·206 readsAndroid
Harsh Gandhiforharshgandhinonpro.hashnode.dev·Mar 26, 2024Building page transitions with react-router v6 and framer motionThe goal Based on an application with a proper layout, we want to have a simple and clean fade transition when navigating between the pages. Having a client-side rendered application and not implementing that would be a bit of wasted potential. We w...Discussanimations
Nehal IngoleforRead & Learnlearnwithnehal.hashnode.dev·Mar 19, 2024GreenSock Animation PlatformIn this blog we are going to see about GSAP in detail with some example in it Introduction In the realm of web development, creating captivating animations and interactive elements is crucial for engaging user experiences. One of the most powerful to...Discuss2Articles1Week