Skip to main content
From the chatbox, you can attach files to give Bolt visual references, add assets to your project, or share documents and code for Bolt to work with. If you want to add a file directly to your project files without using tokens, you can also use Code view.

​
File requirements

The number of files and maximum file size you can attach depends on your plan.

​
Supported file types

Bolt supports the following formats for each type of attachment.
You can upload file formats for a wide range of coding languages, but Bolt only builds JavaScript-based applications. Use files from other coding languages as a reference to guide Bolt, or ask Bolt to convert them into JavaScript.

​
Attach a file from the chatbox

You can attach files when creating a new project on the Bolt homepage or in an existing project. To attach a file, do one of the following:
  1. In the bottom-left corner of the chatbox, click the plus icon, then click Attach file and select your files.
  2. Drag and drop the files into the chatbox.
How Bolt uses the file depends on how you describe it in your prompt. For example:
  • To add the file directly to your project: Use the attached file as a logo in the header of the website.
  • To give Bolt a visual reference for style or layout: Using the attached image for inspiration, change the site's colors, fonts, and other styles to match the image style.
If you attached an image but it isn’t showing in your project preview, try adding it directly to your project in Code view instead.

​
Attach a file from Code view

Adding a file directly in Code view stores it in your project files. Use this method when you need Bolt to continue referencing the file as your project evolves. Because you’re adding the file straight to your project, this method doesn’t consume any tokens.
If you’re using Bolt in Safari, Code view is read-only. Use the chatbox to attach your files instead.
  1. Click the <> icon to switch to Code view.
  2. Click the Public folder to expand it.
  3. Drag and drop your image file into the Public folder.
  4. Right-click the image file and select Copy Relative Path.
To reference the file in a prompt, paste the path and tell Bolt how to use it. For example: Use public/hero-image.png for the header image.