Card Gate Frame / SVG playground

French ironwork for your cards.

Generate decorative SVG borders for invitations, menus, and website panels. Choose a family and palette, then take your frame with you.

01 / Live study

Shape your frame

Six families. Repeatable seeds. No runtime dependencies.

Lyon · late summer

The quiet courtyard

An invitation to slow down, step through the iron gates, and stay a little longer.

Read note

Frame status: mounting…

Use this frame

Download the SVG, or copy the JavaScript that recreates it at its current dimensions. For a frame around your own HTML, follow the quick start.

pnpm add card-gate-frame

Preparing your frame…

Generation code

02 / Seed atlas

Two live studies per family, all driven by the French ironwork grammar.