Lazy loading sliders and carrousels ready to use
Save time with our high-performance, battle-tested components. Easy setup for React/Next.js in one minute.
From the authors of the React Lazy Load Image Component library.
50% discount for the first 100 customers
- Responsive
- Performant
- Accessible
- 1-minute set up
Components that buy you time
Build any slider you can imagine with our collection of components and don't spend hours reinventing the wheel. Styling, responsiveness, accessibility... all has been taken care of so you can focus on what's important: the content of the slider.
const MySlider = () => (
<Slider
slides={slides}
>
<SliderImage />
|
</Slider>
);
![Wave](/albums/album-05.png)
Examples that bring awesomeness
Move even faster with our prebuilt examples. Simply copy-and-paste them into your app and you're done!
PSA: you might want to modify the images of the slider, but that also takes only a few seconds!
Lazy Load Infinite Scroll
Infinite scrolling carousel.
- Performant never-ending scroll
- Lazy-loaded images
- Responsive units, so it blends into any existing design in any viewport size
- Easy to customize
- Compatible with Next.js and similar frameworks
- Compatible with regular CSS, CSS-in-JS and TailwindCSS
- Only dependency: react-lazy-load-image-component.
Lazy Load Carousel
Accessible lazy-load carousel, suited for images or any other component. Responsive and accessible.
- Auto-scroll
- Blurred background based on the current slide
- Lazy-loaded images
- Responsive units, so it blends into any existing design in any viewport size
- Easy to customize
- Compatible with Next.js and similar frameworks
- Compatible with regular CSS, CSS-in-JS and TailwindCSS
- Only dependency: react-lazy-load-image-component.
Lazy Load Slider
Accessible lazy-load slider, suited for images or any other component. Responsive and accessible.
- Allows native scroll on mobile and desktop
- Lazy-loaded images
- Responsive units, so it blends into any existing design in any viewport size
- Easy to customize
- Compatible with Next.js and similar frameworks
- Compatible with regular CSS, CSS-in-JS and TailwindCSS
- Only dependency: react-lazy-load-image-component.
Showcase Carousel
Carousel ideal to display a list of items like products or sections.
- Lazy-loaded images
- Responsive units, so it blends into any existing design in any viewport size
- Easy to customize
- Compatible with Next.js and similar frameworks
- Compatible with regular CSS, CSS-in-JS and TailwindCSS
- Only dependency: react-lazy-load-image-component.
Pay once, own them forever
Lifetime license
Pay once and use all our components and examples forever.
What do you get?
- Access to all components & hooks
- Access to all examples
- Compatible with React and Next.js
- CSS-in-JS and TailwindCSS variants
- JavaScript and TypeScript versions
- Use in unlimited projects
- Free updates and new components
- Lifetime license, no subscriptions
Early access discount
Available to the first 100 customers.
Pay once. Build unlimited projects!
Frequently Asked Questions
Your question is not listed here? Contact us!
Can I use it with React.js?
Can I use it with Next.js?
Can I use it with MUI, NextUI or any other component framework?
... and with Tailwind CSS? And with CSS-in-JS? And [insert here any other styling solution]?
rem
or %
, so they fit in place on any existing app. And they are super easy to customize!