Components
Model Picker
A dark cockpit-style model and reasoning-effort picker with a three-model matrix, five effort levels, and an animated ULTRA lever.
import ModelPicker from "@/components/ui/model-picker";
export default function ModelPickerDemo() {
return (
<main
style={{
minHeight: "100vh",
display: "grid",
placeItems: "center",
padding: 16,
boxSizing: "border-box",
background: "#0F0F0F",
}}
>
<div style={{ width: "min(500px, calc(100vw - 32px))" }}>
<ModelPicker />
</div>
</main>
);
}