---
title: "Build an interactive Page"
description: "Create, refine, reopen, and download interactive Pages such as calculators, dashboards, and small tools."
canonical: "https://bearly.ai/docs/features/artifacts/"
markdown: "https://bearly.ai/docs/features/artifacts.md"
---

# Build an interactive Page

HTML: [https://bearly.ai/docs/features/artifacts/](https://bearly.ai/docs/features/artifacts/)

> Create, refine, reopen, and download interactive Pages such as calculators, dashboards, and small tools.

A Page is a self-contained interactive file that Bearly creates inside a conversation. Describe what it should do in ordinary language, then use the result without having to write the code yourself.

## Create a Page


1. **Describe the outcome and the interaction**

   Tell Bearly what someone should be able to enter, choose, or explore. Include the important calculations, labels, and visual style.

   ```text copy
   Build a mortgage calculator with fields for the loan amount, interest rate, and term. Show the monthly payment, total interest, and a simple amortization chart.
   ```

   If the Page should use your data, select the plus icon → **Attach files**, or drag the files into the chat. Say which columns or values matter.

2. **Use the Page when it opens**

   Once the Page is ready, its preview appears in the conversation and usually opens in the side panel. Try its fields and controls there. Select **Open** on the preview whenever you want the larger view again.

3. **Refine it in the conversation**

   Ask for a precise change and refer to the Page by name when the chat contains several files.

   ```text copy
   In the mortgage calculator, add an optional annual overpayment and show how many months it removes from the loan.
   ```

   A successful revision creates a new version. In the open Page, use **Previous version** and **Next version** to compare revisions.


Pages work especially well for calculators, dashboards, interactive charts, planners, quizzes, small games, and clickable prototypes. For a data-heavy Page, explain the decisions it should help someone make—not only the chart types you want.

## Reopen or download a Page

You can return to a Page from either place:

- In the original conversation, select its preview and then **Open**.
- In the chat header, select the **Browse files** Files icon, choose **Generated**, then select the Page.

In the open Page, select **Download** to save the current version as an `.html` file. The downloaded file can be opened in a web browser.

> **Note**
> Choices you make inside a Page—such as entered form values or the current game state—are temporary. To keep a change to the Page itself, ask Bearly to revise it and wait for the new version.


## Understand the limits

A Page is one self-contained interactive file. It is a good fit for a focused tool, but not for a multi-page service with user accounts, a private database, or a long-running background process.

For calculations, data cleaning, or a one-off chart where the result matters more than the interface, use [Code Interpreter](https://bearly.ai/docs/features/code-interpreter.md). For a long draft that you want to edit as text, use [Canvas](https://bearly.ai/docs/features/canvas.md).

In a read-only conversation, you can open and download an existing Page, but Bearly cannot create a new version there.

## If the result is not what you expected

- If Bearly answers with ordinary text, reply with the controls and output you need and say, `Make this an interactive Page.`
- If a Page cannot load, retry the request or ask Bearly to create a fresh version. The earlier version remains available from the version controls.
- If a dashboard uses the wrong fields, attach the source file again and name the exact columns, units, and filters to use.

## Continue through the documentation

- [Documentation index](https://bearly.ai/docs.md): Browse every Bearly guide.
- [Previous: Browse beside a Bearly chat](https://bearly.ai/docs/features/browser.md)
- [Next: Check grammar and clarity](https://bearly.ai/docs/features/grammar-correction.md)
- [Related: Analyze data with Code Interpreter](https://bearly.ai/docs/features/code-interpreter.md)
- [Related: Edit a long draft in Canvas](https://bearly.ai/docs/features/canvas.md)