BlocksLogin & Signup

Login & Signup

Authentication form layouts with animated inputs and brand styling.

IO Signup Form

Block preview — compose from component imports

IO Signup Form

Complete signup form with animated focus states, floating labels, and gradient submit button.

IO Context

The bottom gradient glow on the submit button creates a strong visual anchor. Keep fields to first name, last name, email, password.

Components used

Signup Form

bash

// Install the components used in this block
npx shadcn@latest add @aceternity/signup-form

Beams Signup

Block preview — compose from component imports

Signup form centered over animated background beams for a dramatic auth experience.

IO Context

Use for standalone auth pages where the form is the entire focus. The beams direct energy toward the form.

Components used

Background BeamsSignup Form

bash

// Install the components used in this block
npx shadcn@latest add @aceternity/background-beams
npx shadcn@latest add @aceternity/signup-form