A reusable visual layer
Use the sanctum-visual custom element to render a selected SVG pattern inside a page or interface.
- Choose a registered pattern
- Set background and accent colours
← Explore the Sanctum stack
Sanctum Visual / Visual components
Sanctum Visual
Add scalable, theme-aware SVG background patterns with a reusable web component.
Internal tool · adaptable for client work
Patterns that fit your interface
- Pattern
- Theme
- Render
How it fits your work
Capabilities in context.
Fit the surrounding layout
Configure an aspect ratio or use the size of the containing element. A seed supports deterministic patterns where implemented.
- Layout-aware sizing
- Optional pattern-specific animation
Start with a real use case
What should Sanctum Visual make easier?
Tell us about the work, the people involved and the result you need. We’ll agree the capabilities and implementation scope together.
Already have access? Sign in to Sanctum Visual ↗