> ## Documentation Index
> Fetch the complete documentation index at: https://subframe-59800133-claude-lucid-mccarthy-czkz3y.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.
# Adding elements
> Add elements to your design using quick insert or drag-and-drop.
There are three ways to add elements to your design in Subframe: quick insert, the insert panel, and the insert tools.
## Method 1: Quick insert (recommended)
1. Select an element on your canvas
2. Hover over the edges of the selection box
3. Click the button to open the search popup
4. Search for and select the element you want to add
5. The new element will be inserted in the direction you clicked
#### Keyboard shortcuts
You can also use these keyboard shortcuts after selecting an element:
* Quick insert above: Ctrl + I
* Quick insert below: Ctrl + K
* Quick insert left: Ctrl + J
* Quick insert right: Ctrl + L
## Method 2: Drag and drop from the Insert panel
1. Click the **Insert** button in the toolbar at the bottom of the canvas
2. Find the element you want to add
3. Drag it directly onto your canvas
#### What's in the panel
Search across everything from the bar at the top, or browse the sections:
* **Basic elements** — text, stacks, icons, images, and dividers.
* **Components** — buttons, inputs, and other components from your design system.
* **Snippets** — larger, pre-built compositions like page headers, navigation bars, and card layouts.
## Method 3: Insert tools
Press a shortcut to pick up an insert tool, then click where you want the element to land—no need to select an element first.
* Press F to insert a **stack**
* Press T to insert **text**
As you move over the canvas, a preview follows your cursor and a line shows where the element will land. Click to place it. Inserting text drops you straight into editing so you can start typing.
Press V or Esc to exit the insert tool and return to selecting.