---
title: Bottom bar
description: Use Nordcraft's bottom bar for AI assistance, history control, zoom functions, testing mode, preview and web component export.
---

# Bottom bar

The bottom bar provides quick access to frequently used actions and tools in the Nordcraft editor.

![An annotated image focussing on the bar visible at the bottom of the canvas. Annotations correspond to the list items below.|16/9](bottom-bar.webp 'Bottom bar')

1. **Ask AI**: Get help from the Nordcraft AI Assistant
2. **Current collaborators**: All team members currently working in the same branch of the project
3. **Undo/Redo**: Undo and redo changes in the editor
4. **Zoom controls**: View the current zoom level (adjusted by pressing [kbd]Cmd/Ctrl[kbd] + [kbd]scroll[kbd]), and use the magnifying glass to reset the zoom level to 100%
5. **Test mode**: Toggle between editing and testing your website
6. [Export as web component](/components/export-a-component): Export the current component as a web component for use in other web projects (only visible when editing a component)
7. **Preview**: Open the current page in a new browser tab
8. **Insert element**: Open the element catalog to insert a new HTML element

::: tip
When testing interactive features, use preview mode (opens in a new browser tab) for a more accurate representation of how your website will behave.
:::