Collections group related visual work by interface type rather than technique. Each set brings together pieces that share a common challenge: how do you build this kind of thing well in the browser? The goal is comparison, not competition. Seeing six different approaches to the same problem teaches more than any single tutorial.

Collections
Collection

Dashboards

Browser-native dashboard interfaces featuring data visualization components, chart patterns, stat displays, and admin panel layouts built with HTML, CSS, and JavaScript.

cssjavascriptlayoutdata-viz
Collections
Collection

Micro-Interactions

Small, purposeful browser-native animations that improve user experience. Hover states, toggle transitions, feedback animations, and subtle motion patterns.

cssjavascriptanimationux
Collections
Collection

Illustrations

Browser-native illustrations built with CSS and SVG. Scenes, characters, objects, and decorative elements created entirely in code.

csssvgillustrationcreative
Collections
Collection

Navigation

Browser-native navigation patterns exploring menus, sidebars, tab systems, breadcrumbs, and mobile navigation built with HTML, CSS, and JavaScript.

cssjavascriptaccessibilityux
Collections
Collection

Loaders

Browser-native loading indicators built with CSS and SVG. Spinners, progress bars, skeleton screens, and creative wait-state patterns.

csssvganimationux
Collections
Collection

Clocks

A curated collection of browser-native clock interfaces built with CSS, SVG, and JavaScript. Analog faces, digital readouts, and creative time displays translated into working code.

csssvganimationtime