All designer tools
Icon Browser
The icon set every block in the catalog already uses
136 of 136
Click any icon to copy its JSX. All of them come from lucide-react, the one dependency blocks in this catalog declare.
Now use it on something
Every effect, block, page and template in the catalog is styled against tokens shaped exactly like these — so they take your values rather than fighting them.
npx shadcn@latest add https://hoverlab.dev/r/hoverlab.json
- SVG ToolkitThe four SVG jobs that are always four different websites — optimise, convert to JSX or a data URI, generate a pattern, generate a wave — with one source shared between them, so the file you clean is the file you convert.
- PlaceholdersPlaceholder images and initial avatars as SVG data URIs. No third-party request, works offline, and the avatar colour is derived from the name so it is stable everywhere.
- Favicon GeneratorA letter or emoji into an SVG icon plus every PNG size that still matters. Rasterized in your browser from the same SVG — nothing is uploaded.