UI Components.

Minimal, reusable components crafted with precision

Three.js Black Hole with Shaders

Three.js Black Hole with Shaders

A stunning 3D black hole visualization using Three.js, shaders, and post-processing effects including bloom, lensing, and an animated accretion disk.

→
Elastic Nav Bounce – Liquid Glass Navigation Component.

Elastic Nav Bounce – Liquid Glass Navigation Component.

A futuristic, liquid-glass style navigation bar that features elastic bouncing animations, hover reactions, distortion effects, and smooth active-item transitions created using SVG filters, modern CSS, and JavaScript animation logic.

→
3D Hovering Tourist Cards

3D Hovering Tourist Cards

A visually engaging UI component that displays three tourist attraction cards with 3D perspective, tilt animations, hover effects, and color-themed gradients.

→
Pure CSS Caveman 404 Error Page Animation

Pure CSS Caveman 404 Error Page Animation

A fun and animated 404 error page built using pure HTML and CSS featuring two cavemen characters swinging clubs in sync. No JavaScript required for the animation.

→
Dragon Animation (SVG Art)

Dragon Animation (SVG Art)

This HTML code renders a detailed SVG-based dragon illustration titled “CodewithLord - Dragon. combines multiple vector graphic elements — head (Cabeza), fins (Aletas), and spine (Espina) — with advanced gradient fills, path transformations, and scalable vector shapes..

→
Drive Mad – WebAssembly Game Loader with Canvas & Poki SDK Integration

Drive Mad – WebAssembly Game Loader with Canvas & Poki SDK Integration

A complete HTML-based game loader for the WebAssembly-powered game 'Drive Mad', featuring canvas rendering, Poki SDK integration, loading progress handling, responsive resizing, and WebGL context management.

→
← prev3 / 15next →