react-swipe - Swipe.js as a React component

  •        71

Brad Birdsall's Swipe.js as a React component.Check out the demo from a mobile device (real or emulated).

https://github.com/voronianski/react-swipe

Dependencies:

object-assign : ^4.1.1
prop-types : ^15.6.0
swipe-js-iso : ^2.0.4

Tags
Implementation
License
Platform

   




Related Projects

react-native-swipe-list-view - A React Native ListView component with rows that swipe open and closed

  •    Javascript

Please see the section Migrating To FlatList for all details. Migrating to SectionList is very similar. Please see example.js for a full usage example.

react-native-modalbox - A <Modal/> component for react-native

  •    Javascript

A react native component, easy, fully customizable, implementing the 'swipe down to close' feature. Check index.js in the Example folder.

react-swipe-views - A React Component for binded Tabs and Swipeable Views

  •    Javascript

This library is not maintained anymore. Do not use it. It has not been updated since React 0.14 and breaks with versions of React Router higher than 0.13.

react-native-tab-view - A cross-platform Tab View component for React Native

  •    Javascript

A cross-platform Tab View component for React Native. This is a JavaScript-only implementation of swipeable tab views. It's super customizable, allowing you to do things like coverflow.


react-swipeable-views - A React component for swipeable views. :snowflake:

  •    Javascript

A React component for swipeable views. Check out the demos from a mobile device (real or emulated). It's tiny (<10 kB gzipped), it quickly renders the first slide, then lazy-loads the others.

tabs - Tab navigators for React Navigation

  •    TypeScript

Tab navigators for React Navigation. Follow the instructions on the the React Navigation "Getting Started" guide, and then add the react-navigation-tabs package to your project.

react-sidebar - A sidebar component for React

  •    Javascript

See a demo here. Note: The sidebar touch functionality doesn't work on IOS because of the "swipe-to-go-back" feature. Therefore the functionality has been disabled on IOS.

react-native-swipeout - iOS-style swipeout buttons behind component

  •    Javascript

See example/index.ios.js for a more detailed example. See the Wiki usage tips. To use swipeout behind a iOS-style listitem, try react-native-listitem.

react-native-snap-carousel - Swiper/carousel component for React Native with previews, multiple layouts, parallax images, performant handling of huge numbers of items, and RTL support

  •    Javascript

Swiper component for React Native featuring previews, multiple layouts, parallax images, performant handling of huge numbers of items, and RTL support. Compatible with Android & iOS. This app is available on Android and iOS. It uses version 3.2.0 of the plugin, with FlatList's implementation and parallax images.

react-native-carousel - Carousel component for react-native

  •    Javascript

Simple carousel component for react-native

react-id-swiper - A library to use idangerous Swiper as a ReactJs component.

  •    Javascript

Swiper is not compatible with all platforms, it is a modern touch slider which is focused only on modern apps/platforms to bring the best experience and simplicity.

react-slick - React carousel component

  •    Javascript

For all available props, go here. This project exists thanks to all the people who contribute. [Contribute].

swipe - Swipe is the most accurate touch slider. Support both React and Angular.

  •    Javascript

Swipe is the most accurate touch slider. It is extremely lightweight (only 6kb minified) and works across all browsers, including IE7+. You can install this package directly via Bower bower install swipe-js or NPM npm install swipejs.

kalendaryo - An unopinionated React date component :atom_symbol: + :date:fns

  •    Javascript

Kalendaryo is an unopinionated React component for building calendars. It has no opinions about what your calendar component should look or function like but rather only helps you deal with those unique constraints by providing various variables your calendar component needs such as the calendar's state data and methods for getting(i.e. all the days in a month) and setting(i.e. selecting the date from a day) plus many more! See the Basic Usage section to see how you can build a basic calendar component with Kalendaryo, or see the Examples section to see more examples built with Kalendaryo. Is the state for the current date the component is in. By convention, this should only change when the calendar changes its current date, i.e. moving to and from a month or year on the calendar.

react-native-button-component - A Beautiful, Customizable React Native Button component for iOS & Android

  •    Javascript

React Native Button component for iOS & Android. CircleButton, RoundButton, RectangleButton is on top of ButtonComponent. So I recommend you should use CircleButton, RoundButton, RectangleButton, rather than directly use ButtonComponent because those button components may have preset some options.

react-hint - Tooltip component for React, Preact, Inferno

  •    Javascript

React-hint is a small tooltip component for React which is developed with simplicity and performance in mind. It also plays nicely with Preact and Inferno. You don't need to include ReactHint in every component which uses tooltips, just include it once in the topmost container component. In case you need to define multiple instances of ReactHint, you can customise the attribute name per instance. ReactHint also supports custom tooltip content with attached event handlers by overriding the content renderer and returning a react node.