Components
Loading preview...
This component is a smart URL input field that enhances the user experience by automatically displaying the website’s favicon next to the entered address. As the user types or pastes a URL, the component detects the domain, fetches its favicon, and shows it inline inside the input box. If the favicon isn’t available, it falls back to a clean Lucide Globe icon, ensuring a polished look. By combining shadcn/ui inputs with dynamic favicon fetching, this component makes forms feel more interactive and visually informative.
npx shadcn@latest add https://21st.dev/r/ruixen.ui/url-inputimport UrlInput from "@/components/ui/url-input";
export default function DemoOne() {
return <UrlInput />;
}