UI Components.

Minimal, reusable components crafted with precision

3D Interactive Flip Cards with Tilt and Bounce Animation using HTML, CSS & JavaScript

3D Interactive Flip Cards with Tilt and Bounce Animation using HTML, CSS & JavaScript

Experience smooth 3D flip animations with realistic tilt and bounce effects using just HTML, CSS, and JavaScript

→
CSS Only Crying Baby 404 Error Page Animation

CSS Only Crying Baby 404 Error Page Animation

A creative CSS-only 404 error page featuring a crying baby illustration inside a circular frame, animated with pure CSS keyframes including floating motion, mouth movement, and falling tear drops.

→
Animated 404 Error Page – Swinging Text and Cloak Effect using @property CSS

Animated 404 Error Page – Swinging Text and Cloak Effect using @property CSS

This creative 404 Error Page Concept combines advanced CSS features like the @property rule, custom variables, and keyframe animations to produce a smooth swinging 3D text effect and dynamic cloak lighting animation.

→
Animated 404 Face – Creative SVG Error Page with CSS Animations

Animated 404 Face – Creative SVG Error Page with CSS Animations

This Animated 404 Error Page creatively transforms the digits “404” into a playful, expressive face using SVG paths and CSS animations.

→
Ghost 404 Page | Interactive Animated Error Screen with Floating Ghost and Eye Tracking

Ghost 404 Page | Interactive Animated Error Screen with Floating Ghost and Eye Tracking

The Ghost 404 Page is a creative and playful error page concept featuring a floating ghost that follows your mouse movements. Built using HTML, CSS, and JavaScript (with jQuery), it turns a simple “page not found” message into a delightful animated experience.

→
No, YOU Hang Up First! — A Playful SVG Animation Challenge

No, YOU Hang Up First! — A Playful SVG Animation Challenge

This creative web animation combines HTML and SVG to bring a fun and expressive design to life — inspired by the CodePen October 2025 “Mask” Challenge.

→
1 / 15next →