Components
ChatGPT Model Selector
A ChatGPT-inspired model intelligence picker with five magnetic tiers, animated color progression, sparkles, and an Ultra celebration.
import ChatGPTModelSelector from "@/components/ui/chatgpt-model-selector";
export default function ChatGPTModelSelectorDemo() {
return (
<main
style={{
width: "100vw",
minWidth: "100vw",
minHeight: "100vh",
display: "flex",
alignItems: "center",
justifyContent: "center",
padding: 16,
boxSizing: "border-box",
background: "#FFFFFF",
colorScheme: "light",
}}
>
<ChatGPTModelSelector modelName="GPT-5.4" value={1} />
</main>
);
}