65+ Components
Component Explorer
Browse, search, and explore every component in UnQWebTemplate. Copy import statements, preview live effects, and discover the perfect building blocks for your next project.
82 / 82 components
28 Magic UI
32 shadcn/ui
22 Custom
Animated Beam
AnimationsMagic UI
Fade In
Blur Fade
AnimationsMagic UI
Beam Border
Border Beam
AnimationsMagic UI
ReactNext.jsTailwindMotionTypeScript
ReactNext.jsTailwindMotionTypeScript
ReactNext.jsTailwindMotionTypeScript
ReactNext.jsTailwindMotionTypeScript
Marquee
AnimationsMagic UI
Meteors
Meteors
AnimationsMagic UI
Orbiting Circles
AnimationsMagic UI
Ripple
Ripple
AnimationsMagic UI
Build
Word Rotate
AnimationsMagic UI
0
Number Ticker
AnimationsMagic UI
HELLO
Hyper Text
AnimationsMagic UI
SCROLL
Scroll Velocity
AnimationsMagic UI
Item 1
Animated List
AnimationsMagic UI
🎉✨🌟💫
Cool Mode
AnimationsMagic UI
Animated Grid Pattern
BackgroundsMagic UI
Dot Pattern
BackgroundsMagic UI
Flickering Grid
BackgroundsMagic UI
Grid Pattern
BackgroundsMagic UI
Particles
BackgroundsMagic UI
Hover Me
Magic Card
CardsMagic UI
Card
Cardsshadcn/ui
Shimmer
Shimmer Border
EffectsMagic UI
Border Beam
Border Beam FX
EffectsMagic UI
Ripple
Ripple FX
EffectsMagic UI
🎉✨🌟💫🎊
Cool Mode FX
EffectsMagic UI
Type here...
Input
Inputsshadcn/ui
Enter text...
Textarea
Inputsshadcn/ui
Select...▼
Select
Inputsshadcn/ui
✓
✓
Checkbox
Inputsshadcn/ui
Radio Group
Inputsshadcn/ui
Switch
Inputsshadcn/ui
Slider
Inputsshadcn/ui
Bold
Italic
U
Toggle
Inputsshadcn/ui
Section 1−
Section 2+
Section 3+
Accordion
Layoutshadcn/ui
Tab 1
Tab 2
Tab 3
Tabs
Layoutshadcn/ui
Separator
Layoutshadcn/ui
Panel
Panel
Resizable
Layoutshadcn/ui
Scroll Area
Layoutshadcn/ui
Collapse▼
Collapsible
Layoutshadcn/ui
1:1
Aspect Ratio
Layoutshadcn/ui
Home
About
Contact
Navigation Menu
Navigationshadcn/ui
Home/Page/Current
Breadcrumb
Navigationshadcn/ui
File
Edit
View
Menubar
Navigationshadcn/ui
‹
1
2
3
›
Pagination
Navigationshadcn/ui
Sidebar
Navigationshadcn/ui
📋
📊
⚙️
Expandable Tabs
NavigationCustom
TEXT
Hyper Text TX
TextMagic UI
Hello
Word Rotate TX
TextMagic UI
0
Number Ticker TX
TextMagic UI
$ npm run dev
Terminal
TextMagic UI
Name
Type
Status
Row 1
A
●
Row 2
B
●
Table
Data Displayshadcn/ui
Filter
Data Table
Data DisplayCustom
Step 1
Step 2
Step 3
Timeline
Data DisplayCustom
DefaultSecondaryOutline
Badge
Data Displayshadcn/ui
SG
UN
QW
Avatar
Data Displayshadcn/ui
‹
›
Carousel
Data Displayshadcn/ui
Chart
Data Displayshadcn/ui
Alert message
Alert
Feedbackshadcn/ui
📢 Banner Alert
Alert Banner
FeedbackCustom
✓ Toast notification
Toast
Feedbackshadcn/ui
⚡ Custom Toast
Custom Toast
FeedbackCustom
60%
Progress
Feedbackshadcn/ui
Skeleton
Feedbackshadcn/ui
Hover me
Tooltip
Tooltip
Feedbackshadcn/ui
@username
User Name
Bio text here
Hover Card
Feedbackshadcn/ui
Globe
3DMagic UI
🔍
📁
🌐
📧
🎵
Mac OS Dock
3DCustom
Cube Loader
3DCustom
AI Generator
AI Gen
EffectsCustom
GET/api/data
{ status: 200 }
API Playground
EffectsCustom
Mar15
Glass Calendar
EffectsCustom
Glass Clock
EffectsCustom
PARTICLE
Particle Text
EffectsCustom
Search commands...⌘K
Action Search
NavigationCustom
Shamayim Toggle
InputsCustom
Bento Grid
LayoutCustom
Hero
Shape Hero
LayoutCustom
JD
Animated Testimonials
Data DisplayCustom
❝
❝
❝
Glass Testimonial Swiper
Data DisplayCustom
Footer Section
LayoutCustom
⚛️
🔷
🎨
Stack Feature
LayoutCustom
Radial Timeline
Data DisplayCustom
Post Card
CardsCustom