DocsSupportPricing
Roadmap (has updates coming soon)XFigma3.2K

Shadcn Components in the Auth 9 Block

  • Avatar
  • Button
  • Field
  • Input
  • Item
  • Separator

Dependencies

  • motion

Shadcn Auth 9 Block

Split magic-link sign-in with an animated brand-logo grid sidebar and rotating star testimonial. Part of the ReUI Shadcn Application Auth blocks collection.

Split passwordless login: a work-email field emails a 15-minute magic link, with Google, Apple, GitHub buttons, beside a sidebar of brand logos animating in a grid under a rotating star testimonial. ReUI Field, Input, Button, Avatar. Login, auth.

It is composed from Avatar, Button, Field, Input, Item, Separator, so every part of it is a primitive you can restyle with your own design tokens.

What You Can Build With the Auth 9 Block

  • Install it with the ReUI registry command in the toolbar above, then swap the placeholder content, data wiring, and business logic for your own.
  • Compare it across all eight ReUI styles and both the Base UI and Radix bases in the customizer before committing to one direction.
  • Combine it with the other Shadcn Application Auth blocks to assemble a full screen instead of a single section.

All Shadcn Application Auth Blocks

The rest of this category, each on its own page with a live preview, the components it is built from, and the install command.

  • Auth 1 Split-screen login page with animated grid backdrop and editorial image panel
  • Auth 2 Split-screen login with an autoplay founder testimonial carousel and Trustpilot rating panel
  • Auth 3 Split-screen magic-link sign-in with testimonial and trust-brand sidebar on a dot-grid canvas
  • Auth 13 Split-screen magic-link sign-in with left image sidebar and social login buttons
  • Auth 4 Framed password sign-in card with email or username, social provider row, and footer nav
  • Auth 14 Split-screen workspace sign-in with animated stacked media panel and social SSO
  • Auth 5 Split-screen marketing trial signup page with animated gradient blob background and social login
  • Auth 10 Split magic-link sign-in with a framed testimonial and customer logo wall trust sidebar
  • Auth 6 Split-screen login with social OAuth and testimonial sidebar over an animated grid background
  • Auth 11 Split-screen login with testimonial sidebar and animated dot backdrop
  • Auth 16 Full-page sign-in with app header, SSO and email-continue form, and customer logo trust strip footer
  • Auth 7 Blueprint-framed passwordless sign-in card with magic-link email and customer trust logos
  • Auth 12 Split login method picker with passkey, SAML SSO, and a framed brand-logo testimonial sidebar
  • Auth 8 Centered Frame login card over a softened photo backdrop with social provider sign-in
  • Auth 19 Passwordless workspace sign-in page with magic-link work email and Google plus GitHub login
  • Auth 15 Centered magic-link email login with logo, social sign-in buttons, and legal footer
  • Auth 17 Centered login method picker with WebAuthn passkey sign-in and email reveal step
  • Auth 18 Split-screen sign-in with testimonial sidebar, social login, and password show/hide toggle
  • Auth 20 Centered sign-in card with Google and Apple buttons, password visibility toggle, and email login

Related Shadcn Application Block Categories

  • App Shell (20) App shell layouts with sidebar navigation for dashboards, settings panels, and multi-page apps.
  • Card (43) Card components for content display, data summaries, and interactive elements.
  • Chart (30) Chart components and layouts with bar, line, pie, and area charts for data storytelling.
  • Dashboard (8) Dashboard components and layouts that combine stats, charts, and tables into a complete overview screen.
  • Dialog (14) Dialog components for modal windows, alerts, confirmations, and content overlays.
  • Empty State (14) Empty state screens and no-data placeholders with recovery actions, onboarding prompts, and contextual guidance.

All Shadcn Block Groups

Browse the full ReUI Shadcn blocks library by product surface. Each group bundles category-level blocks you can mix and match across your project.

  • Shadcn Application Blocks (287) Browse 287 Shadcn Application blocks across 21 categories.
  • Shadcn Data Grid Blocks (30) Browse 30 Shadcn Data Grid blocks across 8 categories.
  • Shadcn Solutions Blocks (64) Browse 64 Shadcn Solutions blocks across 8 categories.
  • Shadcn eCommerce Blocks (87) Browse 87 Shadcn eCommerce blocks across 12 categories.
  • Shadcn Marketing Blocks (24) Browse 24 Shadcn Marketing blocks across 4 categories.

Frequently Asked Questions

PreviousAuth 8NextAuth 19

Application

  • App Shell
  • Auth
  • Card
  • Chart
  • Dashboard
  • Dialog
  • Empty State
  • Event CalendarNew event calendar block added
  • Form
  • GanttNew gantt block added
  • Kanban Board
  • List
  • Navbar
  • Onboarding
  • Profile
  • Schedule
  • Settings
  • Sheet
  • Stats
  • Timeline
  • Wizard

Solutions

  • Agents
  • AI Ops
  • Analytics
  • Billing
  • Bookings
  • CRM
  • Inventory
  • Users

eCommerce

  • Category Card
  • Checkout
  • Comparison
  • Coupon
  • Filter Sidebar
  • Product Card
  • Product Detail
  • Product Grid
  • Receipt
  • Review
  • Shopping Cart
  • Wishlist

Data Grid

  • Base
  • Columns
  • Drag & Drop
  • EditingNew editable Data Grid block added
  • Expansion
  • Filtering
  • Grouping
  • Virtualization

Marketing

  • Blog
  • Contact
  • CTA
  • FAQ

Resources

  • Components
  • Blocks
  • Docs
  • Support
  • Pricing
  • Roadmap(has updates coming soon)
  • AffiliateSoon

Legal

  • Privacy Policy
  • Terms & Conditions
  • License
  • Refunds
  • Cookies

© 2026ReUI · All rights reserved

3.2K
  1. Blocks
  2. Application
  3. Auth
  4. Auth 9

Shadcn Auth 9

Split passwordless login: a work-email field emails a 15-minute magic link, with Google, Apple, GitHub buttons, beside a sidebar of brand logos animating in a grid under a rotating star testimonial. ReUI Field, Input, Button, Avatar. Login, auth.

Categories
  • Auth 1
  • Auth 2
  • Auth 3
  • Auth 13
  • Auth 4
  • Auth 14
  • Auth 5
  • Auth 10
  • Auth 6
  • Auth 11
  • Auth 16
  • Auth 7
  • Auth 12
  • Auth 8
  • Auth 9
  • Auth 19
  • Auth 15
  • Auth 17
  • Auth 18
  • Auth 20