DEV Community: Mickaël Lherminez

Cartoon Cricket Grid

Mickaël Lherminez — Wed, 26 Mar 2025 22:50:12 +0000

Discover this CodePen “Cartoon Cricket Grid” that features an interactive, responsive animation of cartoon crickets. Designed with CSS, JavaScript, and SVG, this project delivers a captivating and playful visual experience—perfect for exploring the creative potential of web animation on any device.

The Legend of the Enchanted Forest – Animated Scrolling with GSAP

Mickaël Lherminez — Mon, 20 Jan 2025 23:33:09 +0000

Immerse yourself in an interactive adventure featuring scrolling effects (ScrollTrigger) and GSAP animations. Each section reveals a chapter of the story, accompanied by images and a dynamic progress bar. This code demonstrates:

Animating text and images on scroll Theme switching (day, sunset, night) A smooth navigation system using buttons and progress icons Perfect for discovering advanced animation techniques and interactive storytelling on CodePen. Don’t forget to customize the theme or style for your own projects!

6 Hamburger Button Animations with GSAP – Advanced Tips for a Dynamic Menu

Mickaël Lherminez — Mon, 20 Jan 2025 23:30:27 +0000

Discover 5 stunning Hamburger Button animations using GSAP, MotionPathPlugin, and DrawSVGPlugin. Featuring circle transformation, elastic effect, X-shaped rotation, drawn arcs, and much more.

Key Highlights:

Using the GSAP Timeline to chain transitions Leveraging the DrawSVGPlugin to progressively draw SVG shapes Advanced techniques for creating fluid, reversible menu animations Built-in light/dark theme for a modern look and feel Perfect For:

Developers and designers seeking to enhance UX Enthusiasts of JavaScript, SVG, CSS, and web animations Don’t forget to like and fork this Pen for more inspiration!

Mesmerizing Fireworks Animation - Color the Night

Mickaël Lherminez — Thu, 19 Dec 2024 13:58:03 +0000

A stunning fireworks animation crafted with HTML5 Canvas, CSS, and JavaScript. Watch as vibrant bursts of color light up the night sky in a smooth and captivating display. Designed for seamless performance and an immersive visual experience, perfect for CodePen's celebration theme.

3D Interactive Christmas Game: 17 Gift - Packed Stages of Adventure

Mickaël Lherminez — Thu, 19 Dec 2024 13:45:57 +0000

Explore a 3D interactive Christmas-themed game built with Three.js and GSAP. Open magical presents, avoid skulls, collect hearts to increase your lives, and find the key that unlocks all 17 successive stages. Designed for an immersive experience, this project demonstrates how to blend JavaScript, WebGL, smooth animations, and playful interactions. Perfect for developers seeking a comprehensive example that merges aesthetics, performance, and advanced features.