The rule catalog
56 rules. Each maps a set of npm packages to the native approach that covers the same ground, and states where the package is still the better choice.
Nothing matches that combination. Widen one of the filters to see the rest of the catalog.
Safe today
Widely availableIn every major engine for years. Use these without a fallback.
- Date and time pickers
- Modal dialogs
- HTTP requests
- Colour manipulation
- Focus trapping
- Multi-line text truncation
- Hashing and encryption
- Element size queries
- Lazy-loaded images and iframes
- Reordering a list by dragging
- Query string parsing
- Smooth scrolling and scroll-to-anchor
- Gzip and deflate in the browser
- Sticky headers and sidebars
- Relative time formatting
- Visibility tracking
- Deep cloning
- Server-sent events
- Text to speech
- Locale-aware number and currency formatting
- Cancelling async work
- Element resize tracking
- Generating UUIDs
- Cross-tab messaging
- Event emitters
- Base64 encoding
- Natural and locale-aware sorting
- Tab visibility
- Scroll chaining and body scroll lock
- Keyboard-only focus styling
- Fixed aspect ratios
- Fluid type scales
Newly available
Newly availableIn every major engine, but recently. Check your support target.
Bleeding edge
Limited availabilityMissing from at least one engine. These need a fallback.
Why a rule sits in a tier
A rule is only as available as its least-supported required feature. A tooltip needs the Popover API and CSS anchor positioning, and anchor positioning has not reached Baseline, so the whole rule reads as limited even though half of it is available everywhere. The weakest link is what decides whether you can ship it.