Temani AfifforfreeCodeCampfreecodecamp.org·11 hours agoHow to Create Zig-Zag CSS Loaders Using One ElementIn a previous article, I showed you how to create filling CSS loaders collection where each loader was built using a single HTML element. Here, you’ll learn more about loaders by creating the Zig-Zag collection. Here is an overview of what you’ll be ...DiscussCSS
Yashaswi Sahuyashaswisahu.hashnode.dev·Nov 16, 2024GSAP With ReactIntroduction to GSAP GreenSock Animation Platform (GSAP) is a powerful JavaScript library for creating smooth, high-performance animations. When combined with React, it enables developers to create seamless, professional-grade animations. This blog w...DiscussGSAP
Nehal Fathemasafaranokhi.hashnode.dev·Nov 13, 2024Adding Life to Your Borders: CSS Border AnimationsAnimating borders in CSS can bring your website elements to life, adding a subtle, interactive touch that enhances the user experience. In this article, we’ll explore the essentials of CSS border animations and see how to make them fun and accessible...Discussborder
Temani AfifforfreeCodeCampfreecodecamp.org·Oct 23, 2024How to Create Filling CSS Loaders Using One ElementIn a previous article, I showed you how to create two types of CSS loaders: a spinner and a progress bar. In this article, you’ll learn about another variation called a filling CSS loader. I think a demo is worth thousands of words, so check out this...DiscussCSS
Vitthal Korvanvitthal-korvan.hashnode.dev·Oct 18, 2024React Animation - GSAPGSAP in React Using GSAP (GreenSock Animation Platform) in React GSAP (GreenSock Animation Platform) is a powerful animation library for JavaScript that works well with React. It allows you to create high-performance animations with ease. Here's a st...Discuss·1 likeReact-AnimationReact
Fenisha KoladiyaforJoFleeblog.joflee.com·Sep 24, 2024How to Create Animations in FlutterFlutter animations are a way to make your app’s user interface more dynamic and engaging. They can help create smooth transitions, visual effects, and interactive elements that enhance the user experience. Here are some key points about Flutter anima...Discuss·10 likes·57 readsFlutterFlutter
Karthikeyaanimearcadiapr.hashnode.dev·Aug 27, 2024The Timeless Charm of DoraemonHello, Anime Arcadia readers! 🌸 P.S.: Sorry about the delays 🥲🥲(┬┬﹏┬┬) “You shouldn’t be crying over those things that happened in the past. Think of this, why do you think your eyes are placed in front? That is for you to see what’s up ahead.” –...Discuss·10 likesdoraemon
Illia Sheremetovillia-sheremetov.hashnode.dev·Aug 23, 2024Awesome tool for code and text animation🪄✨In the ever-evolving landscape of web development, creating visually engaging content has become more crucial than ever. Whether you’re developing educational tools, interactive tutorials, or just looking to enhance your website, animations can play ...Discussanimation
Pulkitblogs.devpulkit.in·Aug 12, 2024Adding Animated Image Zoom to Your React App with PhotoSwipeIn one of my recent projects(image-tweaker), I provided users with the ability to upload images, which were then displayed in a collection on the dashboard. I was searching for a way to give these images a cool animated view, and that's when I discov...Discuss·1 like·51 readsphotoswipe
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·191 readsReact
