Browser Support
Compatibility Targets
Shavin UI targets modern evergreen browsers, supporting layouts across responsive display dimensions. The package utilizes standard styling techniques and does not ship with polyfills for legacy browser engines.
| Browser | Minimum Supported Version | Support Level |
|---|---|---|
| Google Chrome | 90+ | Full Support |
| Safari (iOS & macOS) | 14+ | Full Support |
| Mozilla Firefox | 88+ | Full Support |
| Microsoft Edge | 90+ | Full Support |
Key CSS & HTML5 Features Used
The following core APIs are leveraged. Fallbacks are configured where possible, but modern CSS engines are required for the correct rendering:
CSS Custom Properties (Variables)
Used for both foundation colors and semantic role mapping. Evaluated at runtime to allow dynamic configurator accent adjustments.
CSS Grid & Flexbox
Powers all responsive spacing layouts, alignments, stack orientations, and container structures without structural tables.
Custom Scrollbars & Fallbacks
We use custom scrollbars styled via ScrollArea backed by Radix. For native scrolls, default scrollbar colors are mapped to CSS custom variables, keeping fallback tracks visually consistent.