Block · CLI
Auth Split
Split sign-in layout with DashboardShell preview. Install as @atroui/auth-split.
Preview
npx shadcn@latest add @atroui/auth-splitWelcome back
Pick up where you left off.
Sign in to your workspace. New here? Create an account instead.
New to the product? Create an account
Live preview — replace with your own dashboard.
Workspace overview
- 8,412
- Active users
- 4.2%
- Conversion
- $96k
- MRR
- Live
Acme launch
100%
- In review
Billing portal
80%
- Building
Mobile PWA
45%
Installation
Agent blurb — install command + no npm UI rule. For agents
npx shadcn@latest add @atroui/auth-splitSource lands in your repo. Installation · Registry
Usage
Auth page layout — sign-in left, product preview right. DashboardShell ships in the same file; swap it for your real dashboard.
tsx
import { AuthSplit } from "@/components/blocks/auth-split"
export function Example() {
return <AuthSplit />
}
// DashboardShell is a second export from the same file:
import { DashboardShell } from "@/components/blocks/auth-split"
export function PreviewExample() {
return <DashboardShell />
}Part of Dark marketing sections for Next.js.
Auth Split