components
Small interfaces, with source.
HTML and CSS examples you can inspect, pause and copy. The full React catalog is linked below.
Two collections
This page holds the site’s HTML/CSS studies. The full Components catalog ↗ contains the React and Tailwind parts discussed in the project essay.
8
Buttons
Hover effects, gradients, and interaction states. No JavaScript, no dependencies.
8
Loaders
Spinners, pulses, and motion patterns. Single --ink token, respects prefers-reduced-motion.
More interface studies
Copy examples into an isolated preview first. Repeated samples use the same base class name; scope it before combining them. Motion controls affect previews, while copied source should be adapted to the target app’s accessibility requirements.