About
A full-screen sign-up authentication section with social login buttons, an animated grain-gradient side panel, and a create-account form.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Auth Section 1 to your project and fits it to your theme.
Code
How Auth Section 1 is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import AuthSectionOne from "@/components/ui/auth-section-1";
export default function Default() {
return <AuthSectionOne />;
}















![Form [react-aria-components]](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=webp/https://cdn.21st.dev/user_jolbol1/field/814/preview.png)
