TypeCraft

A neon ball bouncing around the screen, leaving a colorful glowing trail behind — built with Canvas and simple physics.

Build a beautiful animated flower using only HTML and CSS — with rotating petals, a glowing center, a green leaf, and a soft sky background.

Launch a colorful firework explosion from the center of the screen — particles fly outward with gravity and fade away.

A sleek spinning ring with a rainbow conic gradient — built with pure CSS masks and animations.

Create the iconic Matrix digital rain effect — green characters cascading down a dark canvas using the Canvas API.

A glowing neon sign effect that pulses between cyan and magenta — pure CSS, zero JavaScript.

Create a glowing neon on/off switch with smooth CSS transitions, a dark theme, and clean class-based JS toggling.

Create a hypnotic, 3D pulsing rings animation using DOM elements and CSS transform animation with staggered delays.

Watch a mesmerizing rainbow spiral draw itself endlessly from the center — shifting colors with every frame using HSL and simple trigonometry.

Colorful rings expand and fade from the center of the canvas — click anywhere to spawn new ripples. Pure Canvas magic.

Fly through a warp-speed starfield — stars zoom toward you from deep space using simple 3D projection on Canvas.

Build an interactive traffic light that cycles through red, yellow, and green with glowing effects.

Build a visually stunning deep space galaxy animation using the HTML5 Canvas API and circular trigonometry.

Create a beautiful, interactive network of floating particles that connect with lines when close to each other, using the HTML5 Canvas API.