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
Create astonishing sliders in seconds, not hours
- 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>
);
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.
The Valles Marineris Canyon on Mars
Explore the Valles Marineris canyon on Mars.Discover now
The Icy Plains and Rugged Mountains of Pluto
Explore the icy plains and rugged mountains of Pluto.Discover now
The Jungles of the Earth
The Ice Crust of Europa
The Olympus Mons Volcano on Mars
The Enceladus Geysers of Saturn
- 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.
Carousel with buttons
Simple carousel with buttons.
- 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
- No dependencies.
Showcase Carousel
Carousel ideal to display a list of items like products or sections.
Discover our ecological plants
- 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.
One time payment. 50% off.
Pay once. Build unlimited projects!
Frequently Asked Questions
Your question is not listed here? Contact us!
Can I use it with React.js?
Yes, all our components are React components, so you can simply copy-and-paste them into your codebase and they will work.
Can I use it with Next.js?
Yes, we offer a Next.js version of all of our components. Simply select "Next.js" in the toggle above the code.
Can I use it with MUI, NextUI or any other component framework?
Yes, our components are framework-agnostic and can be added to any project using any component library.
... and with Tailwind CSS? And with CSS-in-JS? And [insert here any other styling solution]?
All our components come in two flavors: TailwindCSS and CSS-in-JS, which is compatible with any other styling system you might be using in your app. They also use minimal styles, prioritizing responsive units like
rem or %, so they fit in place on any existing app. And they are super easy to customize!... and JavaScript or TypeScript?
You get access to two versions of all our components and utils: JavaScript and TypeScript!
Can I mix-and-match features from different sliders and carousels?
Yes! All our examples are modular, so you can take some components or features from one and paste them into another. For example, do you want to show "navigation dots" in an example that doesn't have them? Simply copy the component from one example to the other and they will just work! Same with auto-scrolling, blurred backgrounds, etc. In most cases, everything will automatically work or you will only need to do minimal changes.
Do I need to install something to use your components?
The examples have a dependency on react-lazy-load-image-component to make sure images are lazy-loaded. Besides that, there are no other dependencies.
Can I get a refund?
Yes, if for some reason you aren't happy with our components, you can get a refund within 7 days of your purchase. We will only ask you for feedback to understand how we can improve. And, of course, you will lose access to the code.
What's your relation with react-lazy-load-image-component?
We are the maintainers of the library, so we make sure all our code is well integrated and well tested with its latest features. Oh, and purchasing our components you help us keep the library updated and maintained, so you are contributing to one of the most popular open-source libraries for React, THANK YOU!