Components
This component implements a sleek and modern sign-in interface with a neon aesthetic. It features a full-screen dark background with a custom animated canvas layer to create a visually dynamic experience. The main content is wrapped inside a centered card with elevated styling, ensuring the form remains the focal point while maintaining a clean and immersive user experience. The layout uses precise positioning and layering for optimal responsiveness and design clarity.
Loading preview...
import NeonSignIn from "@/components/ui/neon-sign-in";
const DemoOne = () => {
return (
<div className="flex w-full h-screen justify-center items-center">
<NeonSignIn />
</div>
);
};
export { DemoOne };