Artifact

A side-panel wrapper for a generated artifact, with title, actions and close control.

$bunx shadcn@latest add @nx-ui/ai-artifact
Registry item
Installs withbuttontooltiputils

Code artifact

A titled panel with a header row of actions and a close control, wrapping a highlighted code block.

greeting.tsx

React component · 3 lines

Document artifact

The same shell holds prose just as happily — here a short generated document.

Release notes — v2.4

Markdown document

This release ships a redesigned composer, faster streaming, and a new artifacts side panel.

  • Composer now supports drag-and-drop attachments.
  • Reasoning traces collapse automatically once complete.
  • Improved keyboard navigation across the whole surface.