Skip to main content
Getly
Auth Flow UI Kit — React + Tailwind + shadcn/ui

Dashboard Components

Auth Flow UI Kit — React + Tailwind + shadcn/ui

9 React + Tailwind + shadcn/ui auth screens (sign in, sign up, OTP, 2FA, onboarding) with a live demo hub, ready to drop into your project.

$10.00

Product Description

A complete authentication flow, ready to use — not just a login form.

Built with React 19, TypeScript, Tailwind CSS v4, and Radix UI primitives, wired together with React Router behind a styled demo hub so you can preview every screen live.

What's included (9 screens):

  • Sign in — split layout with social/SSO row

  • Sign up — live password strength meter

  • Forgot password + check-email confirmation

  • Reset password

  • OTP verification — 6-digit input, auto-advance, paste support

  • Two-factor setup — generated QR code + backup secret

  • 3-step onboarding wizard with progress indicator

  • Welcome / success screen

Why this kit:
No CLI, no registry lock-in — plain source files you copy into any React project. Every illustration and QR code is hand-built SVG, no broken external assets. Fully typed, themeable from one config file.

Includes: full source code, live demo hub, README with setup instructions, MIT license for personal and commercial use.

Requirements: React 18+, Tailwind CSS v4, react-router-dom v6+, Node 18+

Included in Getly Pro

Download with your Pro subscription

Name your price

$
Min: $5.00Suggested: $10.00
Secure CheckoutInstant DownloadMoney-back Guarantee
PublishedJul 11, 2026
File size46.23 KB
File formatZIP
Versionv1.0

Tags

auth-uilogin-screensignup-screenotp-screen2fa-screenreact-authtailwind-uishadcn-uionboarding-flowpassword-reset
C
Code Vault Studios

Frequently asked questions

Do I get access instantly?

Yes. This is a digital product — you can download it right after checkout, straight from your library.

Can I use it for commercial projects?

Your purchase includes a standard license for personal and commercial use. See the product description for any usage limits set by the seller.

What's your refund policy?

You're covered by a 30-day money-back guarantee. If something isn't right, request a refund from your order and the seller will review it.

What file formats and sizes will I get?

You'll download the files exactly as the seller packaged them (about 46.23 KB). See the product details and description for the included formats.

Do I get free updates?

Yes — when the seller ships a new version, you can re-download the latest files from your library at no extra cost. Check the changelog for recent updates.

Price

From $10.00