Skip to content
Merged
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
60 changes: 60 additions & 0 deletions docs/examples/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -23,3 +23,63 @@ Upload a dashboard image and Claude recreates it with Panel.
[View Example →](generate-dashboard-from-picture.md)

---

## Convert a Streamlit App

Upload a Streamlit app and ask Claude Code to recreate it using Panel!

[![Input](../assets/images/examples/stock-peer-analysis-streamlit.png)](convert-streamlit-app.md)

[View Example →](convert-streamlit-app.md)

---

## Convert an Excel Spreadsheet

Upload an Excel spreadsheet and ask Claude Code to recreate it using Panel!

[![Input](../assets/images/examples/convert-excel-app-image.png)](convert-excel-app.md)

[View Example →](convert-excel-app.md)

---

## Convert a Gradio 3D Camera Control Component

Convert a Gradio 3D camera control interface with Three.js to a Panel component.

[![Input](../assets/images/examples/camera-control-3d.gif)](convert-gradio-component.md)

[View Example →](convert-gradio-component.md)

---

## Build a Shipping Form

Build a shipping address form with cascading country, state/province, and city selectors.

[![Input](../assets/images/examples/shipping-form.gif)](build-a-shipping-form.md)

[View Example →](build-a-shipping-form.md)

---

## Build a Custom Model Viewer Component

Build a custom Panel component to wrap Google's `<model-viewer>` web component for interactive 3D model rendering.

[![Input](../assets/images/examples/model-viewer.gif)](build-custom-model-viewer.md)

[View Example →](build-custom-model-viewer.md)

---

## Create an ML Experiment Tracker

Build a machine learning experiment configuration tracker using Param's declarative parameter system.

[![Input](../assets/images/examples/ml-experiment-tracker.png)](create-ml-experiment-tracker.md)

[View Example →](create-ml-experiment-tracker.md)

---
Loading