CSS & JS EXAMPLES

Design • Motion • Interaction

Beautifully crafted animations for your site

High-performance GSAP timelines, scroll-driven motion, and SVG micro-interactions that enhance perceived quality without slowing the page.

Floating Gradient Blobs

Soft, organic shapes that ebb and float. Good for subtle backgrounds and hero layers.

Logo / SVG Path Draw

SVG paths revealed with stroke-dasharray/dashoffset for crisp, performance-friendly logo animations.

Brand motion kit

This example animates the strokes to produce a 'draw in' logo. Works reliably across browsers.

Scroll-driven Layered Cards

Cards pin and parallax as you scroll — perfect for project showcases or featured blocks.

Project One

A short project description that uses parallax and pinned reveal.

Project Two

A layered animation that adds depth while scrolling.

Project Three

Smooth scrub and staggered entrance for polish.

CTA micro-interactions

Buttons with perspective, springy hover, and a soft shadow that reacts to pointer position.

Hover & move pointer for 3D tilt

Let's turn your ideas into reality and create a website that converts. Feel free to contact me on Upwork so that we can hop on a call and discuss your needs and wishes when it comes to your website!

My Upwork Profile