Blaze Slider
High Performance Carousel with Zero layout shifts
Most slider libraries weren't built with performance in mind. They block the main thread during initialization. they cause layout shifts as JavaScript loads, which results in poor user experience
Blaze Slider was designed for speed and stability. Blaze Slider uses CSS variables to define the layout, so the slider looks identical before and after JavaScript runs.
Features
- 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
Performance Comparison
Blaze Slider has the fastest initialization time of any slider library while maintaining zero layout shifts and extremely small bundle size
| Library | 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 |