Posts tagged "animation"

100daysofcode 100daysofdevops 100pay 10mistakes 10yearworkanniversary 11 11labs 11tly 11ty 127001

CSS Magic: Turn any button into a ripple-effect wonder! 🎨

→ Uses ::after pseudo-element ✅ → Smooth transition ✅ → Scales from center outward ✅ ⛶.btn { position: relative; padding: 10px 20px; font-size: 1.2rem...

06.04.2025 0 Read More

Animations on Landing Pages: My Experience and Implementation Approach 🚀

Recently worked on a project where the client ordered a landing page for their product. The Figma design looked great, but the client specifically emphasized the need for "living" animations on the pa...

07.04.2025 0 Read More

Welcome to my 5️⃣3️⃣ p5.js Sketches Collection!

Hello everyone! 👋 I'm excited to share with you a collection of my creative sketches (50+) made using the p5.js Web Editor. Each sketch is a unique piece of art and demonstrates different coding te...

08.04.2025 0 Read More

🎥 Design, animate, and export video with AI— all in SVG, in your browser

Hey folks 👋We’ve been building Framv — a motion-first design canvas built entirely around SVG, and it’s finally live in early access.You can design UIs, animate them on a timeline, and export...

10.04.2025 0 Read More

Anime JS , a JavaScript animation library

New Library to me, Anime.js by Julia Garnier Version - 4.0.1 just released https://www.npmjs.com/package/animejs Published - April 10, 2025 Anime.js is a fast, multipurpose, lightweight JavaScript a...

12.04.2025 0 Read More

Understanding Easing Functions (the secret to smooth animations)

Have you ever wondered what makes the difference between a simple animation and a smooth visually appealing one?Take a look at these two animations:animation 1 (linear) 👇 animation 2 (custom easing...

12.04.2025 0 Read More

Creating Fluid Animations with Framer Motion

TLDR; Learn how to create smooth, engaging animations in React applications using Framer Motion with practical examples and best practices.'Animations can turn a static screen into a vibrant experienc...

15.04.2025 0 Read More

Revolutionizing Animation: The Rise of AI Tools Like Runway ML

The Animation Scene: AI and Awesome Stuff Like Runway ML Step on the Gas A radical transformation of animation is arguably well underway, and artificial intelligence is at the helm of this transformat...

17.04.2025 0 Read More

How to Create SVG-Based Animations with CSS and JavaScript for Interactive Graphics

SVG (Scalable Vector Graphics) is an incredibly powerful format for rendering resolution-independent graphics on the web. When combined with CSS and JavaScript, you can create impressive, lightweight ...

17.04.2025 0 Read More

How to Animate Complex SVG Paths with GSAP for Stunning UI Effects

Animating SVG paths can create elegant and attention-grabbing UI effects, especially when done smoothly and efficiently. GSAP (GreenSock Animation Platform) makes this process easy and performant. In ...

17.04.2025 0 Read More

CSS Magic: Turn any button into a ripple-effect wonder! 🎨

Animations on Landing Pages: My Experience and Implementation Approach 🚀

Welcome to my 5️⃣3️⃣ p5.js Sketches Collection!

🎥 Design, animate, and export video with AI— all in SVG, in your browser

Anime JS , a JavaScript animation library

Understanding Easing Functions (the secret to smooth animations)

Creating Fluid Animations with Framer Motion

Revolutionizing Animation: The Rise of AI Tools Like Runway ML

How to Create SVG-Based Animations with CSS and JavaScript for Interactive Graphics

How to Animate Complex SVG Paths with GSAP for Stunning UI Effects

#reading

#popular