Shadcn/UI Components
A showcase of all shadcn/ui components implemented in the YouQaria website
Basic Components
Core shadcn/ui components for building interfaces
Buttons
Various button styles and variants
Form Elements
Input, textarea, select, and label components
Display Components
Components for displaying content and information
Cards
Versatile container for content
Cards can contain various types of content, including text, images, and interactive elements.
Badges & Avatars
Small status indicators and user representations
Default
Secondary
Outline
Destructive
CNYQA
Feedback Components
Components for providing feedback to users
Alerts
Contextual feedback messages
Information
This is a standard information alert.
Error
Something went wrong. Please try again.
Dialogs & Tooltips
Interactive overlays for additional information
Loading States
Components for indicating loading states
Skeletons
Visual placeholders for loading content
Custom Components
Custom components built on top of shadcn/ui
ShadcnButton
Wrapper for shadcn/ui Button with additional features
Beginner • 12 weeks
Tajweed Course
Learn proper Quranic recitation with expert teachers
Intermediate • Ongoing
Hifz Program
Memorize the Quran with structured guidance
All Levels • 24 weeks
Arabic Language
Master Arabic grammar and vocabulary
Emotion Cards
😠
Angry
😰
Anxious
😒
Bored
😎
Confident
😕
Confused
😌
Content