Opus
HomeGuideComponentsPlaygroundTheme designerSecurityVersion
opus-react v0.20.3
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.

Here is a grouped chat message.

This editable middle message lets you test adjacent bubble widths.

tsconst answer = 42;

Thanks — I’ll test the Show More behaviour with this editable message.

Use the text box in the settings panel to replace this reply, add more lines, or paste a fenced code block.

The final time remains below the whole group rather than appearing between messages.

10:44