Resize panes
Source
Edit the component, then preview updates on the right.
Resize panes
ChatGPT
Add your OpenAI API key to chat. Conversations use the current source as context.
Your key stays on this device and is only used for your ChatGPT requests.
ChatGPT
Enter your key in the OpenAI API key field above, then ask about this source, props, layout, or how to reshape the example. Your key stays on this device.
Preview
Live render of your edited component.
Opus application wrapper
One root boundary applies the design system consistently across the app.
- Theme
- dark
- Font
- Space Grotesk
- Base colour
- #64748b
- Accent
- #8f6cff
- Secondary accent
- #0284c7
- Tile accent
- #ec4899
- Tile secondary accent
- #0ea5e9
- Font token
- --opus-font-family
- Portal host
- #opus-portal-host