midudev / react-slidy

🍃 React Slidy - Minimalistic and smooth touch slider and carousel component for React

React Slidy

🍃 React Slidy - Minimalistic and smooth touch slider component for React ⚛️

Features

• 🖼️ 1:1 slider for any content
• 📱 Optimized for mobile usage (block scroll on slide)
• ⚡ Optimized for performance
• ⌨️ Supports keyboard navigation
• 😪 Lazy load support
• ☝️ No dependencies, just one possible polyfill: intersection-observer polyfill
• 🗜️ 1KB gzipped (plus 1KB if you need intersection-observer)

Overview

React Slidy is a simple and minimal slider component. The main objective is to achieve the best performance and smoothness on React apps, specially on mobile 📱.

Browser compatibility

Supported browsers are:

• Chrome
• Firefox
• Safari 6+
• Internet Explorer 11+
• Microsoft Edge 12+

If some of them doesn't work, please fill an issue.

The feature x is missing...

React Slidy intention is to offer a simple API and functionality. If it doesn't fit all your needs, you might consider to use an alternative or do a fork.

react-slidy's Issues

change to fade animation?

can we switch up the animation style ? like instead of sliding we can fade to the next photo ?

Infinite slider is broken

After moving and optimizing some parts of the slider, the infinite slider functionality is not usable anymore.

doBeforeSlide is not implemented

How can I help ?

Autoplay slideshow

Hi everyone,

Is there a feature available to play slideshow (without the need of arrow keys and buttons)?
Thanks!

Fork getting ready development environment

Hello,

We have made a fork from your branch, we want to introduce a vertical slide to the library but we are unable to start the development environment.

After the clone we do "npm i" and we try the next build, but it gives an error:
npm run build.log

Also we tried the npm run dev but in the screen we only see "internal server error".

Finally in the npm run start it also gives and error but i think is because the build failed:
npm run start.log

If you could help us understand what we are missing we will would be grateful.

Attentively
Angelbe

Could you release react-slidy version?

Hi! I saw that you have merged my PR. Could you release the version? Thanks!

Support gap between items?

Hello, I hope this library support gap prop for the component, it's very helpful

Logo needed

It would be great to have a logo for the project. :)

Is there dots indication?

Is there dots indication?

where example code?

Swipe on touchpad support?

Swiping on the touchscreen works great.

Swiping on the touchpad on desktop doesn't.

Block scroll while sliding on mobile devices

We should block the scroll while the user is sliding in order to improve the User Experience.

Fixing higlighting on demos

We need some way to show highlighted code as expected.