Component Library
Subtle, refined components inspired by modern design systems with glass morphism, gradient borders, and pixel-perfect interactions.
Button Variants
Buttons with subtle borders, gradient backgrounds, and smooth interactions
Primary Buttons
Standard Primary
With Icon
With Shadow Glow
Outline Buttons
Basic Outline
Subtle Border
With Icon Trail
Ghost Buttons
Minimal Ghost
Ghost with Hover
Icon Only
Button Sizes
Card Variants
Subtle containers with glass effects, gradient borders, and hover states
Glass Morphism
Frosted glass effect with subtle backdrop blur and semi-transparent backgrounds. Perfect for overlays and modern UI elements.
Gradient Border
Smooth gradient borders that add depth and visual interest without overwhelming the content. Ideal for featured content.
Minimal Border
Clean and subtle borders that define content areas without competing for attention. Great for text-heavy layouts.
Standard Card
Classic card style with solid backgrounds. Provides excellent contrast and readability for all content types.
Compound Components
Complex UI patterns combining multiple elements with refined interactions
Protected
Enterprise-grade security with real-time threat detection
Lightning Fast
Optimized for speed with sub-100ms response times
Grows With You
Built to handle millions of users without breaking a sweat
Uptime
Latency
Users
Support
Ready to Build Something Amazing?
Join thousands of developers using our design system to create beautiful, accessible interfaces in minutes, not hours.
Design Principles
The philosophy behind our component design
Subtle & Refined
Every component uses gentle borders, soft shadows, and subtle animations that enhance without overwhelming. The interface should feel calm and intentional.
Responsive & Accessible
Components work beautifully across all screen sizes and meet WCAG accessibility standards. Everyone deserves a great user experience.
Delightful Interactions
Smooth transitions, playful hover states, and micro-interactions create moments of delight that make the interface feel alive and responsive.
Explore More
See these components in action across the ScamX platform