Auth Debug
Welcome to Novibes
Sign in to access your dashboard and manage your OAuth connections
Card Components
Various card styles with theme colors
This card uses the primary theme color as its background.
This card uses the secondary theme color as its background.
This card uses the accent theme color as its background.
Buttons & Badges
Interactive elements with theme colors
Form Controls
Input elements and interactive controls
Dashboard Components
Stats cards and data visualization
+12% from last month
+8% from last month
+23% from last month
3 new this month
Lists & Grids
Organized content layouts
User logged in
2 min ago
New notification
5 min ago
Email verified
10 min ago
Security alert
15 min ago
Login failed
20 min ago
Alice
Online
Bob
Online
Charlie
Online
Diana
Online
Eve
Online
Frank
Online
Tabs & Navigation
Tabbed content organization
Overview Dashboard
View your account overview, recent activity, and quick stats. The primary color highlights important elements.
156
Total Items
89
Active
67
Pending
Typography
Text styles and hierarchy
Heading 1 - Primary Color
Heading 2 - Secondary Color
Heading 3 - Accent Color
Heading 4 - Default
Body text with muted foreground color. This is the standard paragraph text used throughout the application.
Small text for captions and secondary information.
Primary colored text
Secondary colored text
Accent colored text
Muted foreground text
Destructive colored text
Ready to Get Started?
Try switching between different color themes using the palette icon in the header to see how all these components adapt.