Auth

Premium login and signup pages across centered, split, passwordless, and map-led editions with thoughtful motion and complete form states.

Split showcase

auth-split.tsx

A full-height two-column auth layout: a clean form with social buttons and a sign-in/sign-up switch beside a flowing animated silk panel with an eyebrow and marketing headline.

Sign in

Welcome back. Let's get you in.

New here?

Support, supercharged

Turn every customer conversation into a fast, on-brand resolution

Install

$ bunx --bun shadcn add @beui-pro/

Centered card

auth-centered.tsx

A centered glass auth card: a shared-layout sign-in/sign-up toggle, Google and GitHub buttons, icon inputs with a password reveal, inline field validation, and a stateful submit.

Welcome back

or continue with email

By continuing you agree to our Terms and Privacy Policy.

Install

$ bunx --bun shadcn add @beui-pro/

Magic code

auth-otp.tsx

A passwordless flow that slides from an email step to a six-digit code entry — a mail badge with the masked address, auto-advancing inputs with filled states, paste support, a resend countdown, and a spring success screen.

Sign in to beUI

Enter your email and we'll send a six-digit code — no password needed.

Install

$ bunx --bun shadcn add @beui-pro/

Atlas centered

auth-atlas.tsx

An airy account creation page with a focused form, softly animated global activity map, responsive layout, validation, and a stateful email action.

Create your free account

Save your work, collaborate with your team, and pick up anywhere.

Already have an account?

Install

$ bunx --bun shadcn add @beui-pro/

Atlas split

auth-atlas-split.tsx

A refined split account page pairing a compact signup form with a light animated Grainient map, blue activity markers, and a responsive artwork panel.

Create your free account

Save your work, collaborate with your team, and pick up anywhere.

Already have an account?

One account. Every workspace.

Install

$ bunx --bun shadcn add @beui-pro/