Product news · 4 September 2026
Opus 0.7
Design the system, then take it with you.
Opus 0.7 makes theming a visual workflow. Shape an application-wide system in the new Theme Designer, test it against real components, then copy the provider code into your own app.
One shared visual language.
Every component still has room to be itself.
Visual Theme Designer
Build a complete application theme through a live canvas of cards, tiles, fields, dashboard widgets, and actions.
Portable global tokens
Copy provider-ready code for colours, typography, radius, surface treatment, and gradients — with component-level overrides when you need them.
Responsive by design
Switch every preview between Desktop and Mobile to verify real constrained layouts before components reach your application.
Search Box
A unified search control with optional categories, an independent tertiary action colour, and a menu that stays within its viewport.
From visual choice to usable code
A theme is more than a colour picker.
The Theme Designer brings base, accent, secondary accent, tertiary accent, tile, and tile-secondary colours together with global radius, background treatment, font, and gradient defaults. The preview is deliberately broad, so every change is evaluated across common application surfaces rather than in isolation.
The generated theme code is ready for OpusThemeProvider. Those global values establish a confident default, while individual components can still override them for the exceptional cases that make a product feel considered.
Explore the component
Search BoxOpen component →<SearchBox
categories={["All", "Documentation", "Components"]}
onSearch={({ query, category }) => search(query, category)}
/>