> ## Documentation Index
> Fetch the complete documentation index at: https://julius.ai/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Interactive artifacts

> Dashboards, interactive charts, calculators, mini-apps, and websites that Julius builds and runs in your browser.

An **interactive artifact** is a self-contained app Julius builds for you: a dashboard, an interactive chart, a calculator, a formatted table, or a small web tool. Julius writes the HTML, CSS, and JavaScript, runs it, and shows the result inline. Nothing to install, no setup.

Use one when a static chart or a written answer isn't enough, and you want something you can click, filter, and explore.

***

## Creating an interactive artifact

Describe the thing you want to interact with:

> Build an interactive dashboard of these sales, filterable by region and month

> Make a mortgage calculator with sliders for rate, term, and down payment

> Create a chart I can filter by product category

> Turn this table into a searchable, sortable view

Julius builds the artifact, runs it, and shows it in the chat. Open it in the side panel for a full-size view, or find it later under **Artifacts** in your [Library](/docs/artifacts/overview#where-to-find-your-artifacts).

***

## Building a website

This same capability is also available through the dedicated **Build Website** tab in the chat bar. It's the same HTML-artifact engine, oriented toward pages and sites instead of dashboards.

Describe the site you want:

> Build a landing page for a SaaS product with a hero, features, pricing, and FAQ

> Make a one-page portfolio site with a dark theme

> Create a sign-up page for an early access list

Julius designs and writes the page, shows it live in chat as an HTML artifact, and you refine layout, copy, colors, and sections together until it looks right.

<Note>
  Build Website isn't a drag-and-drop CMS or a no-code site builder, and it doesn't include automatic custom-domain hosting — you get a publishable artifact, and production hosting is on you if you need it. Backend features (auth, databases, payments, email) require connecting an external service; Julius can build the front-end UI for it. Best suited for front-end sites, prototypes, and dashboards, not large multi-app platforms.
</Note>

***

## Prompting tips

<AccordionGroup>
  <Accordion title="Describe the interaction" icon="hand-pointer">
    Spell out what should be clickable or adjustable:

    > with a date-range slider and a dropdown to switch metrics
  </Accordion>

  <Accordion title="Be clear about inputs and outputs" icon="arrow-right-arrow-left">
    For calculators and models, name what goes in and what should come out:

    > inputs for price, units, and churn; show projected revenue and a chart
  </Accordion>

  <Accordion title="Point at your data" icon="database">
    Reference the dataset you want it built on so it uses your real numbers:

    > use the cleaned orders table from the previous step
  </Accordion>

  <Accordion title="Refine the layout and look" icon="pen-to-square">
    Iterate without starting over:

    > put the KPIs in a row across the top and use our brand blue
  </Accordion>
</AccordionGroup>

***

## Ideas to try

* **KPI dashboards**: live metrics in one view
* **What-if calculators**: pricing, ROI, loan, or scenario tools
* **Interactive data explorers**: filter and drill into a dataset
* **Scenario models**: adjust assumptions and watch the outputs update
* **Formatted summary tables**: searchable, sortable, ready to present
* **Landing pages**: hero, features, pricing, FAQ, and a call to action
* **Portfolios and one-pagers**: personal sites or small business pages
* **Sign-up and early access pages**: front-end forms ready to wire to a backend

***

## Publishing and sharing

Click **Publish** on any interactive artifact to get a public link that anyone can open and use, always showing the latest version. See [Publishing and sharing](/docs/artifacts/overview#publishing-and-sharing).

<Note>
  Interactive artifacts differ from [Slides](/docs/artifacts/slides) (a presentation) and [Reports](/docs/artifacts/reports) (long-form writing). Pick one when you want something to *use*, not only read.
</Note>

***

## Related

* [Artifacts overview](/docs/artifacts/overview)
* [Slides](/docs/artifacts/slides)
* [Reports](/docs/artifacts/reports)
* [Images / Videos](/docs/artifacts/images-videos)
* [Skill](/docs/artifacts/skill) *(coming soon)*
* [Data visualizations](/docs/get-started/data-visualizations)

<Info>
  Questions about what's possible? Email [**team@julius.ai**](mailto:team@julius.ai).
</Info>