Components
Starting preview...
Animated select component made using framer-motion
@evansliaudet
npx shadcn@latest add https://21st.dev/r/evansliaudet/animated-select-1import { Select, SelectOption } from "@/components/ui/animated-select-1"
import * as React from "react"
export function Demo() {
const [value, setValue] = React.useState<string>("")
return(
<main className="flex justify-center items-center">
<Select value={value} setValue={setValue} placeholder="Select fruit">
<SelectOption value="apple">Apple</SelectOption>
<SelectOption value="tomato">Tomato</SelectOption>
<SelectOption value="lemon">Lemon</SelectOption>
<SelectOption value="banana">Banana</SelectOption>
</Select>
</main>
)
}