https://github.com/midudev/react-slidy

🍃 React Slidy - Minimalistic and smooth touch slider and carousel component for React
https://github.com/midudev/react-slidy

lory react react-slider slide slider smoothness

Last synced: about 1 year ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/midudev/react-slidy
• Owner: midudev
• License: mit
• Created: 2016-09-13T06:58:44.000Z (over 9 years ago)
• Default Branch: main
• Last Pushed: 2023-10-24T22:12:12.000Z (over 2 years ago)
• Last Synced: 2025-03-29T03:08:39.108Z (about 1 year ago)
• Topics: lory, react, react-slider, slide, slider, smoothness
• Language: JavaScript
• Homepage: https://react-slidy.now.sh/
• Size: 12.5 MB
• Stars: 154
• Watchers: 5
• Forks: 27
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# React Slidy

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

[![JavaScript Style Guide](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](http://standardjs.com/)

[![npm version](https://badge.fury.io/js/react-slidy.svg)](https://badge.fury.io/js/react-slidy)

[![npm](https://img.shields.io/npm/dm/react-slidy.svg?maxAge=2592000)](https://www.npmjs.com/package/react-slidy)

## 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.