CSS & Color
CSS snippets, color palettes, and UI component templates
Modern CSS Theme Variables
Foundation for a flexible design system using CSS custom properties.
Tailwind UI Color Palette
A curated set of harmonious color scales for modern web interfaces.
Linear Gradient Backgrounds
Vibrant background gradients for cards and hero sections.
Soft UI Box Shadows
Modern, layered box shadows that create realistic elevation.
Modern Button System
Styling for Primary, Secondary, and Ghost buttons.
Glassmorphism Card Effect
Frosted glass effect using backdrop-filter.
Flexbox Centering Patterns
The easiest ways to center any element vertically and horizontally.
Mobile-First Breakpoints
Standard viewport widths for responsive design.
12-Column Responsive Grid
The industry standard layout system using CSS Grid.
Modular Typography Scale
Mathematically derived font sizes for perfect hierarchy.
Accessible Form Inputs
Clean styling for text fields, selects, and textareas.
WCAG High Contrast Pairs
Safe color combinations that meet AA or AAA standards.
Pure CSS Loading Spinner
Lightweight animations for loading states without images.
Accessible Focus Rings
Clearly visible focus states for keyboard navigation.
Custom Scrollbar Styling
Style scrollbars to match your site's design system.
Neumorphism Soft UI
The "Soft UI" look using light and dark shadows.
Dark Mode Switcher CSS
Transition logic and styles for dark mode support.
CSS Text Gradients
Apply gradient backgrounds to text for eye-catching titles.