Next.js + shadcn/ui + Tailwind CSS

Using DM Sans font family

Authentication Pages
Complete authentication system with all pages
Login Page
Email/Phone, password, remember me, social login
Register Page
Full name, IGN, UID, email, password strength meter
OTP Verification
6-digit OTP input, countdown timer, resend option
Forgot Password
Email input, send reset link, success message
Reset Password
New password, confirm password, strength meter, success redirect
Profile Setup
IGN, UID, profile picture upload
Dashboard
View your gaming profile and stats
Go to Dashboard
Example Card Component
This is a demo of shadcn/ui components with Tailwind CSS styling
Font Weights Demo
DM Sans supports weights from 100 to 1000

Thin (100)

Extra Light (200)

Light (300)

Normal (400)

Medium (500)

Semibold (600)

Bold (700)

Extra Bold (800)

Black (900)