Usage
import { ModelWheel } from "@/registry/blocks/model-wheel/model-wheel";
<ModelWheel />Props
| Name | Type | Default | Description |
|---|---|---|---|
| models | { name, viewBox, color, d }[] | 8 popular models | Models on the wheel, each with its brand mark as one SVG path; use at least 7 to keep the drum full |
| hold | number | 1500 | Milliseconds a model stays in the middle |
| label | string | "AI models on a turning wheel…" | Accessible description of the illustration |
| className | string | Extra class on the root |
When to use
- Feature cards about model choice, routing or "bring your own model" - Landing pages that list supported AI providers in a calm, moving way
When not to use
Interactive app UI; these are illustrations, so keep them out of task flows.