HTML5 Power Showcase

A demonstration of modern web capabilities using semantic HTML5, styled exclusively with Tailwind CSS.

Interactive Canvas Drawing Pad

Click and drag on the canvas to draw. Use the controls to change color and clear.

Interactive SVG Graphic

Hover over the shapes to see them react. Tailwind's `group` and `group-hover` utilities are used for styling.

Circle

Custom Media Players

Video Player

Audio Player

0:00 0:00

Form with LocalStorage

Your inputs are saved to your browser's local storage and will be here when you return.

Drag & Drop File Upload

Drag files into the zone below. The area will highlight when you drag a file over it.

Drop files here or click to upload