Model Picker

A compact model menu with descriptions, plan badges, effort controls, and additional models.

Loading component preview…

Installation

Add the component source directly to your project.

pnpm dlx shadcn@latest add https://pastaui.com/r/model-picker.json

Model Picker properties
Prop	Type	Default	Description
`models[].provider`	`openai \| claude`	—	Shows the SVGL provider icon before the model name. Copy public/icons/providers into your app public directory.
`moreModels`	`ModelOption[]`	`[]`	Models in the More models submenu.
`effort / defaultEffort`	`low \| medium \| high \| extra`	`medium`	Controlled or initial reasoning effort.
`onEffortChange`	`(effort: ModelEffort) => void`	—	Receives effort changes.
`onUpgrade`	`(modelId: string) => void`	—	Handles upgrade requests for gated models without selecting them.
`footer`	`ReactNode`	—	Optional supporting plan or availability information.
`models`	`ModelOption[]`	—	Provides model names, descriptions, badges, and optional upgrade requirements.
`value`	`string`	—	Controls the selected model id.
`onValueChange`	`(value: string) => void`	—	Runs when a model is selected.