Blaze Slider
High-performance carousel library with zero layout shifts and 2KB bundle
Most slider libraries weren't built with performance in mind. They block the main thread during initialization, hurting FID scores. They cause layout shifts as JavaScript loads, damaging CLS metrics.
Blaze Slider was designed from the ground up for speed and stability. CSS variables define the layout before JavaScript runs, so your slider looks identical before and after hydration. No flicker, no jumps.
Benchmark
10-slide slider initialization on Apple M1 Pro with 6x CPU throttling.
| Library | JS execution time | Comparison |
|---|---|---|
| Blaze Slider | 2.1ms | — |
| Glide | 12.2ms | 5.8x slower |
| Flickity | 13.3ms | 6.3x slower |
| Swiper | 29.8ms | 14.2x slower |
| Slick | 60.0ms | 28.5x slower |
Highlights
- Zero layout shifts via CSS configuration
- Touch, drag, autoplay, pagination, navigation, infinite loop
- Responsive configuration using CSS media queries
- No slide cloning (eliminates a whole class of bugs)
- Full TypeScript support
- ~2KB gzipped bundle