Component Library

Find a component

Search the library by name or tag.

Logo Generator

Generative brand marks laid out from geometric tiles — pick a style and a palette, press once for a new mark, then download it as SVG or PNG.

logobrandgenerativesvggeometryiconappmotionlucide-react

Note

Marks come from a seeded LCG rather than Math.random, so the server and the first client render agree — the seed only moves when you press. Symmetry is an SVG transform rather than mirrored geometry, so the two halves cannot drift apart. All three handoffs serialise from the same tile model the stage renders, so what you get is the settled mark and never a tile caught mid-spring; the PNG is that SVG through a canvas at 512px, and falls back to the vector if the canvas export is refused. The pointer tilt checks `prefersReducedMotion()` on hover, not on mount: the gallery sets its flag from an ancestor effect, and those run after the effects in here — worth knowing for any other entry that guards by hand.

1280px