UI Components Demo
Accesibile, moderne și gata pentru producție
Typography Scale
Heading 1 - Main Title
Heading 2 - Section Title
Heading 3 - Subsection
This is a paragraph with normal text. It demonstrates the default paragraph styling with proper line height and spacing.
This is a lead paragraph with larger text and different color.
Large text for emphasis
Small text for captionsMuted text for secondary information
Form Components
Button Variants
Feedback Components
Default Alert
This is a default alert message.
Success
Operation completed successfully!
Warning
Please check your input before proceeding.
Error
Something went wrong. Please try again.
Default
Secondary
Success
Warning
Destructive
Outline
Interactive Components
Card Components
Card Title
Card description with consistent hover effects
This card demonstrates the consistent hover elevate effect and dark mode styling.
Static Card
This card has hover effects disabled
Notice how this card doesn't have the hover elevate effect.