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

# Overview

> Drop-in plugins for showing any Cesto basket on your site, blog, or app. No React, no build step, no bundle to ship.

Cesto Plugins are self-contained, on-brand UI surfaces that show any basket as a live, interactive card on your page. Each plugin is a single URL you load inside an `<iframe>`. There is no JavaScript to install, no SDK to wire up. Pick a layout, point it at a basket, give it a width, and you have a complete basket experience: banner, chart, allocation, and the Invest CTA.

Use them anywhere you would normally hand-build a "tracker" or "card" component, like newsletters, partner sites, landing pages, and dashboards. The plugin handles data, theming, animations, and routing to invest. You just decide where it sits and how wide it should be.

## Three pages, in order

1. **This page (Overview).** A look at the four available plugins, so you can pick the one that fits your layout.
2. **[Usage](/plugins/usage).** The single URL pattern, an embed snippet to copy, and the aspect ratio / minimum width for each plugin.
3. **[Playground](/plugins/playground).** A live preview where you can try every plugin against every basket and copy the exact embed code for the combination you want.

## The four plugins

<CardGroup cols={2}>
  <Card title="Hero card" icon="image">
    Full-bleed editorial card with banner, title, return, holder stack, and Invest CTA. Best for landing sections.
  </Card>

  <Card title="Performance" icon="chart-line">
    Photo, multi-timeframe chart, and allocation donut. A three-pane analytics surface that prefetches every timeframe so tab switches are instant.
  </Card>

  <Card title="Overview" icon="circle-half-stroke">
    Banner, allocation donut, every holding as a pill, and the Invest CTA. The default discovery card.
  </Card>

  <Card title="Pill row" icon="ellipsis">
    Inline horizontal pill with avatar, name, return, and Invest. Designed for article rows and feed entries.
  </Card>
</CardGroup>

## Next

<CardGroup cols={2}>
  <Card title="Usage" icon="book" href="/plugins/usage">
    Plugin URLs, embed snippet, aspect ratios, and sizing.
  </Card>

  <Card title="Playground" icon="circle-play" href="/plugins/playground">
    Pick a basket, switch layouts, and see every plugin live.
  </Card>
</CardGroup>