30+ Components
Component Showcase
Every component in UnQWebTemplate, meticulously crafted with shadcn/ui. Interactive, accessible, and beautifully animated.
Buttons
All button variants, sizes, and icon combinations
Variants
Sizes
With Icons
States
Badges
Status indicators, labels, and category markers
Default
Secondary
Destructive
Outline
Active
Featured
New
Cards
Versatile card layouts with headers, content, and footers
Simple Card
A clean, minimal card with an icon, title, and description. Perfect for feature highlights.
Header & Footer
Card with structured sections
Footer info
Premium
Gradient Card
Cards with subtle gradients and glow effects for a premium feel.
Avatars
User representations with images and fallbacks
Sizes
SMSM
MDMD
LGLG
XLXL
With Images & Fallbacks
SGPSMCEVRK
+12
Accordion
Collapsible content sections with smooth animations
Dialog
Modal overlays for confirmations, forms, and detailed content
Tabs
Organize content into switchable panels with animated transitions
UN
UnQWebTemplate
Premium Next.js UI Template
This is the preview panel showing a sample component layout with avatar, heading, and description text.
Combined Example
All components working together in a real-world layout
SG
FeaturedSandeep Gaddam
Creator of UnQWebTemplate
This example combines Avatar, Badge, Separator, Button, and Card components into a cohesive user card layout. Each component maintains its own accessibility and styling while composing seamlessly together.