UI Components.

Minimal, reusable components crafted with precision

Interactive Text Pressure Effect Using Pure JavaScript and Variable Fonts

Create an eye-catching “Text Pressure” animation using pure JavaScript, CSS, and variable fonts. This effect dynamically adjusts font weight, width, and italics based on mouse movement, giving the illusion of text responding to user interaction."

→

Interactive Text Reveal Card with Mouse and Touch Animation using Pure JavaScript and CSS

Create an eye-catching text reveal animation card using pure HTML, CSS, and JavaScript — no libraries needed. This interactive card smoothly reveals text as users move their mouse or swipe, with a glowing divider and twinkling star effects in the background.

→

Interactive Glass Thermostat UI with GSAP & SVG Effects

A futuristic glassmorphism-based thermostat UI built with HTML, CSS, SVG filters, and GSAP. Features a draggable temperature knob, plasma-like mercury animation, dynamic color gradients, animated scale markings, and snow particle effects below freezing.

→

Tilting Maze Game - Interactive 3D Physics

An interactive tilting maze game with advanced 3D physics simulation. Players tilt the maze using mouse controls to roll balls toward the center goal. Features collision detection, gravity simulation, wall interactions, hard mode with hazards, and responsive joystick controls using 3D transforms.

→

Timed Cards Opening

This project is a **visually engaging web page** that displays travel destination cards with animation and interactivity

→

Animated To-Do List with SVG Line Animation

A creative animated To-Do List built with HTML, CSS, and JavaScript that strikes a smooth SVG line through tasks when checked.

→

← prev11 / 15next →