Agentify Studio

Agentify Studio

AGENTIFYStudio

Loading your canvas…

Import from 21st.dev

Or drop a .tsx file onto the canvas, or press Ctrl or Cmd + V anywhere.

Sections

No sections yet. Import a component above, or drag one in from the Library tab.

Click anything on the canvas to select it, then type what to change. Drag ⋮⋮ to reorder sections. Press ? for shortcuts.

Agentify starters

Drag a card onto the canvas to place it, or click Add to put it at the end.

Your canvas is empty

Paste a 21st.dev link or code, drop a component file here, or drag a starter in from the Library.

Drop to add it here

Shortcuts

Click: Select anything on the canvas
Double-click: Rewrite text in place
/: Type a change for the agent
Drag: Move the selected element
Arrows: Nudge 1px (Shift: 10px)
Alt + ↑ ↓: Move earlier or later
Delete: Delete the element
Ctrl/Cmd + D: Duplicate
[: Select the box around it
Esc: Deselect
Ctrl/Cmd + Z: Undo (Shift: redo)
F: Focus mode
P: Preview