beUI Pro pour mobile est disponible : 50 blocs et écrans React Native

Model Picker

2 variantes

A searchable model picker with provider logos, grouped options, keyboard selection, and a fixed bottom search field.

Provider catalog

model-picker.tsx

Browse a sample catalog of 21 models across four providers, or search by model and provider.

TSXcomponents/previews/premium/model-picker-preview.tsx

"use client";

import { ModelPicker } from "@/components/premium/model-picker";
import { SAMPLE_MODELS } from "@/components/premium/model-picker/sample-models";

export function ModelPickerPreview() {
  return (
    <div className="flex w-full items-center justify-center p-6">
      <ModelPicker models={SAMPLE_MODELS} defaultValue="claude-sonnet-5" />
    </div>
  );
}

export function ModelPickerRailPreview() {
  return (
    <div className="flex w-full items-center justify-center p-6">
      <ModelPicker
        models={SAMPLE_MODELS}
        defaultValue="gpt-5.4"
        variant="provider-rail"
      />
    </div>
  );
}

Provider rail

model-picker.tsx

Switch providers from an icon rail, search models, and select with compact radio rows.

TSXcomponents/previews/premium/model-picker-preview.tsx

"use client";

import { ModelPicker } from "@/components/premium/model-picker";
import { SAMPLE_MODELS } from "@/components/premium/model-picker/sample-models";

export function ModelPickerPreview() {
  return (
    <div className="flex w-full items-center justify-center p-6">
      <ModelPicker models={SAMPLE_MODELS} defaultValue="claude-sonnet-5" />
    </div>
  );
}

export function ModelPickerRailPreview() {
  return (
    <div className="flex w-full items-center justify-center p-6">
      <ModelPicker
        models={SAMPLE_MODELS}
        defaultValue="gpt-5.4"
        variant="provider-rail"
      />
    </div>
  );
}

Installation

Ajoutez ce composant avec la CLI shadcn.

$ bunx --bun shadcn add @beui-pro/

Model Picker

Provider catalog

Le code source est verrouillé

Provider rail

Le code source est verrouillé

Installation