Components
Loading preview...
The component combines practical functionality with playful visual effects, making it perfect for applications where you want to add a touch of creativity to the user experience. It's built with React, Framer Motion, and Tailwind CSS, making it highly customizable and easy to integrate.
@muditgoel1512
npx shadcn@latest add https://21st.dev/r/muditgoel1512/search-bar// demo/search-bar-demo.tsx
import { SearchBar } from "@/components/ui/search-bar"
function DemoVariant1() {
return (
<div className="flex min-h-screen flex-col items-center justify-center p-24">
<SearchBar />
</div>
)
}
export { DemoVariant1 }