Authenticationblocks
Sign-in & sign-up screens. Ready-made React UI blocks with a neobrutalist look — heroes, pricing, auth, dashboards, and more. Preview every screen size, copy the code, or install via your AI agent with our MCP server. Works with Radix UI, Base UI, and React Aria.
- Heroes, pricing & auth
- Preview every breakpoint
- Copy the source
- MCP install ready
- Radix · Base UI · React Aria
- 158 ready-made blocks
- Page sections that ship
- Dashboards & marketing
- Pro unlocks the code
- Drop-in layouts
Browse every layout
Authentication
7 blocks — open any card for a full-screen preview, the code, and install steps.
- 01Pro
Illustrated Login Form
Login form that keeps its illustration outside the card and stacks full-width Google and Apple buttons under it. React and Tailwind, wire it to your route.
- 02Pro
Magic Link Sign Up Form
Passwordless sign up: one email field, a send button and the terms line, with no password to invent. React and Tailwind markup, point it at your mailer.
- 03Pro
Minimal Sign In Card
Two required fields and one button on a flat colour canvas, with no providers and no client JavaScript. React and Tailwind; add your action and ship.
- 04Pro
QR Code Sign In Form
Scannable QR panel beside the usual email and password, so a phone already signed in authorises the desktop. React and Tailwind, refresh button included.
- 05Pro
Sign In Card With Social Login
Boxed sign in card with a tinted header strip, remember me, and GitHub and Google buttons under the divider. React and Tailwind that fits any container.
- 06Pro
Sign Up With Password Checklist
Registration form whose three password rules tick over live as you type, plus name fields and consent. React and Tailwind; mirror the rules on your server.
- 07Pro
Split Screen Sign In Form
Sign in cut down the middle: providers first, email and password below, full-bleed artwork on the right. React and Tailwind, swap in your own picture.