SVG items

Hand-crafted, palette-adaptive marks & illustrations

Premium inline SVG components — brand marks, section dividers and hero illustrations. Every item is a pure server component (zero client JS) that reads your brand's palette tokens at runtime, so the same mark renders in each shop's own colours. The previews below are live: they're rendered in this site's palette right now.

21 items

Rendered live, in this palette

Each item installs as a single self-contained file via the shadcn registry every Cartwright shop ships. Swap the item name in the command below — e.g. svg-orbit-mark, svg-wave-divider, svg-moth-illustration.

$npx shadcn@latest add https://cartwright.app/api/registry/svg-orbit-mark

Orbit Mark

mark

A ringed planet held by two elliptical orbits with moons riding the near arcs.

svg-orbit-mark

Prism Mark

mark

A glass prism refracting one beam into a tonal spectrum fan that fades to the right.

svg-prism-mark

Constellation Mark

mark

A star-chart asterism of connected stars at varied magnitudes inside a graduated ring.

svg-constellation-mark

Comet Mark

mark

A comet head with a layered, particle-strewn tail arcing toward the corner.

svg-comet-mark

Sunburst Mark

mark

A radiant sun with sixteen alternating long and short rays around a gradient disc.

svg-sunburst-mark

Lattice Mark

mark

Two squares and a circle interlaced in a true over-under weave around a fine inner lattice.

svg-lattice-mark

Wave Divider

divider

A horizontal rule of four layered wave strands that fade out at both ends, with foam beads on the crests.

svg-wave-divider

Vine Divider

divider

A branching vine rule with alternating leaves, buds, curling tendrils and a small open bloom at the centre.

svg-vine-divider

Bloom Illustration

illustration

An opening flower with three layered petal rings, a stamen crown, stem and leaves, and one petal mid-fall.

svg-bloom-illustration

Mountain Illustration

illustration

Receding ridgelines with real atmospheric depth under a warm sun, mist in the valley, pines on the foothill.

svg-mountain-illustration

Crystal Illustration

illustration

A faceted crystal cluster growing from rock, lit facets against shaded ones around an inner glow.

svg-crystal-illustration

Moth Illustration

illustration

A night-moth with banded dusty wings, eyespots and feathered antennae, resting under a crescent moon.

svg-moth-illustration

Orbit Mark Live

mark

The ringed planet with both moons actually riding their elliptical orbits while the planet softly breathes.

svg-orbit-mark-live

Constellation Twinkle

mark

A star chart whose asterism pulses in sequence, visited by a shooting star roughly every fifteen seconds.

svg-constellation-twinkle

Comet Streak

mark

A comet with a living tail — dust particles stream toward the tip while the head glow pulses.

svg-comet-streak

Wave Divider Flow

divider

Three wave strands flowing past each other in an endless seamless drift, melting into the page at both ends.

svg-wave-divider-flow

Vine Divider Grow

divider

A vine rule that draws itself in as it scrolls into view, leaves fading in behind the growing stem.

svg-vine-divider-grow

Aurora Ribbon

divider

Layered aurora ribbons undulating in slow counter-phase, shimmering like northern lights stretched into a rule.

svg-aurora-ribbon

Butterfly Swarm

illustration

Five hand-drawn butterflies drifting in loose formation, wings beating in offset rhythm along a dotted flight line.

svg-butterfly-swarm

Bloom Open

illustration

A flower whose petal rings unfold from the heart outward, then sway gently on the stem while one petal drifts down.

svg-bloom-open

Firefly Field

illustration

A dusk meadow where ten fireflies blink and drift in staggered rhythm above the grass.

svg-firefly-field

How it works

No hex values, anywhere

Every paint in every item reads the cw-* palette tokens with the engine fallback chain (ending in currentColor), so an item dropped into any Cartwright shop — or any page on this site — adapts to the active palette by construction. Marks are 120×120, dividers are 400×24, illustrations are 120×120 hero-grade scenes.