Model Selector

About this piece

Model Selector

Gradient sparkle tile inside a pill showing the model name, a speed caption, and a dropdown arrow.

Usage

The import and the props worth knowing about, in one place.

import { Ai3 } from "@/components/beste/piece/ai3";

<Ai3
  model="Claude Opus 4.6"
  speed="Balanced"
  image="https://oud.pics/sm/l/claude.png"
  alt="Claude"
/>

More AI pieces

View all AI
Anthropicclaude-sonnet-4

Provider Chip

Pill showing the LLM provider with a branded initial avatar, the provider name, and the exact model identifier.

Thinking

Thinking Dots

Three staggered violet-to-fuchsia dots inside a pill next to a Thinking label.

Suggestion Pills

Wrapping row of pill suggestions that seed the prompt input with common intents.

"where is my order?"

order_status
87%
shipping_eta
9%
refund_request
4%

Intent Classifier

Intent ranking panel with the raw user input quoted above and a list of candidate labels with confidence bars.

Mountain ridge1
Mountain lake2
Forest canopy3
Starry night4

Image Variants

Two-by-two grid of AI-generated image variants. The selected tile gets a primary border.

Temperature0.7
FocusedCreative

Temperature Control

Slider card with a sky-to-rose gradient track, a circular handle, and Focused to Creative end labels.