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·55 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·123 readsAndroid
Harsh GandhiProharshgandhinonpro.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
Mansi Guptamanc.hashnode.dev·Mar 13, 2024Animation in React NativeWell, who doesn't love animations ! Be it a webapp or a native app animations provide a great user experience.There can be multiple use cases for animation like enagaging a user or informing user some operation's status. Most importantly, animations ...Discuss·1 like·30 readsanimations
Pushpal Royblog.pushpalroy.com·Mar 12, 2024Animations with Lookahead in Jetpack ComposeThe LookaheadScope (replaced by the previous LookaheadLayout) is a new experimental API in Jetpack Compose that allows for predictive animations based on the future state of the layout by pre-calculating size and position. It supports a lookahead pas...Discuss·1 like·127 readsJetpack Composelookaheadlayout
Harshal RanjhaniforCodeParrot 10x Dev10xdev.codeparrot.ai·Mar 10, 2024Framer Motion: Animate React EasilyAn important part of improving your application's user experience is animation. Creating sophisticated and fluid animations in the React ecosystem has frequently proven to be difficult, requiring developers to go through a multitude of tools or battl...Discuss·10 likes·58 readsanimations
Shanit Paulshanit.hashnode.dev·Mar 8, 2024The useGSAP() hookGSAP is framework-agnostic which means it can be used in any JS framework without any special wrappers or dependencies. However, this hook solves a few React-specific pain points that are significant. In React we can use lifecycle hooks like useEffec...Discuss·15 likes·96 readsanimation
Jishan Pathanjishanpatel77.hashnode.dev·Jan 18, 2024Exploring the World of JavaScript AnimationsIn the realm of web development, creating visually appealing and interactive user interfaces is key to delivering a memorable user experience. One powerful tool at our disposal for achieving this is JavaScript animations. In this blog post, we'll del...Discuss·27 readsjs
Kofi / IllestpreachaProblog.illestpreacha.com·Jan 4, 2024Genuary2024_Pixels+ScreenSaver+Indicator+NewLibraryPixelMess The prompt for Genuary 2024 Day 4 is Pixel, Day 6: Screensaver, Day 7: Indicator and Day 21: New Library PixelMess is coded with Python, Tixyland & Hydra Pixelation Design The Bokeh Library in Python is a new library, I haven't used before...Discuss·50 readsGenuary2024Python