Components
A full-screen, generative art login experience where a dynamic soundwave visualization reacts in the background, providing a futuristic and secure feel to the authentication process.
npx @21st-dev/cli add dhileepkumargm/signal-authenticationLoading preview...
import SoundwaveCanvas from "@/components/ui/signal-authentication";
export default function DemoOne() {
return (
<div className="soundwave-container">
<SoundwaveCanvas />
<div className="form-overlay">
<h2>Secure Login</h2>
<div className="input-group">
<input type="email" placeholder="Email Address" className="form-input" />
<input type="password" placeholder="Password" className="form-input" />
</div>
<button className="submit-button">Authenticate</button>
</div>
</div>
);
}