react-spring-carousel
TypeScript icon, indicating that this package has built-in type declarations

2.0.19 • Public • Published

react-spring-carousel

A performant React carousel component powered by react-spring and @use-gesture.

NPM NPM

Install

// npm v7.x
npm install --save react-spring-carousel
// npm v6.x or less
npm install --save react-spring react-spring-carousel
yarn add react-spring react-spring-carousel

Usage

import { useSpringCarousel } from 'react-spring-carousel'

const { carouselFragment, slideToPrevItem, slideToNextItem } = useSpringCarousel({
  items: [
    {
      id: 'item-1',
      renderItem: <div>Item 1</div>,
    },
    {
      id: 'item-2',
      renderItem: <div>Item 2</div>,
    },
  ],
})

return (
  <div>
    <button onClick={slideToPrevItem}>Prev item</button>
    <div>{carouselFragment}</div>
    <button onClick={slideToNextItem}>Next item</button>
  </div>
)

Official documentation

For a complete overview of the library, please visit the official documentation.

Visit here

Versions

Current Tags

VersionDownloads (Last 7 Days)Tag
2.0.194,750latest
3.0.0-beta-2.0.4129beta

Version History

VersionDownloads (Last 7 Days)Published
3.0.0-beta-2.0.4129
3.0.0-beta-2.0.41
3.0.0-beta-2.0.323
3.0.0-beta-2.0.311
3.0.0-beta-2.0.33
3.0.0-beta-2.0.2634
3.0.0-beta-2.0.2621
3.0.0-beta-2.0.2611
3.0.0-beta-2.0.2601
3.0.0-beta-2.0.2591
3.0.0-beta-2.0.2581
3.0.0-beta-2.0.2571
3.0.0-beta-2.0.2560
3.0.0-beta-2.0.2550
3.0.0-beta-2.0.2542
3.0.0-beta-2.0.2530
3.0.0-beta-2.0.2521
3.0.0-beta-2.0.2510
3.0.0-beta-2.0.250
3.0.0-beta-2.0.240
3.0.0-beta-2.0.230
3.0.0-beta-2.0.221
3.0.0-beta-2.0.211
3.0.0-beta-2.0.22
3.0.0-beta-2.0.1890
3.0.0-beta-2.0.1880
3.0.0-beta-2.0.18790
3.0.0-beta-2.0.18780
3.0.0-beta-2.0.18770
3.0.0-beta-2.0.18761
3.0.0-beta-2.0.18750
3.0.0-beta-2.0.18740
3.0.0-beta-2.0.18730
3.0.0-beta-2.0.18720
3.0.0-beta-2.0.18711
3.0.0-beta-2.0.1870
3.0.0-beta-2.0.1861
3.0.0-beta-2.0.1851
3.0.0-beta-2.0.1840
3.0.0-beta-2.0.1830
3.0.0-beta-2.0.1820
3.0.0-beta-2.0.1810
3.0.0-beta-2.0.181
3.0.0-beta-2.0.171
3.0.0-beta-2.0.161
3.0.0-beta-2.0.150
3.0.0-beta-2.0.131
3.0.0-beta-2.0.121
3.0.0-beta-2.0.110
3.0.0-beta-2.0.11
3.0.0-beta-2.0.01
3.0.0-beta-1.0.4221
3.0.0-beta-1.0.4210
3.0.0-beta-1.0.422
3.0.0-beta-1.0.411
3.0.0-beta-1.0.40960
3.0.0-beta-1.0.40951
3.0.0-beta-1.0.40941
3.0.0-beta-1.0.40931
3.0.0-beta-1.0.40921
3.0.0-beta-1.0.40911
3.0.0-beta-1.0.4090
3.0.0-beta-1.0.4080
3.0.0-beta-1.0.4070
3.0.0-beta-1.0.4061
3.0.0-beta-1.0.4051
3.0.0-beta-1.0.4040
3.0.0-beta-1.0.4031
3.0.0-beta-1.0.4020
3.0.0-beta-1.0.4011
3.0.0-beta-1.0.400
3.0.0-beta-1.0.391
3.0.0-beta-1.0.380
3.0.0-beta-1.0.372
3.0.0-beta-1.0.360
3.0.0-beta-1.0.350
3.0.0-beta-1.0.341
3.0.0-beta-1.0.330
3.0.0-beta-1.0.320
3.0.0-beta-1.0.312
3.0.0-beta-1.0.31
3.0.0-beta-1.0.20
3.0.0-beta-1.0.11
3.0.0-beta-1.0.00
3.0.0-beta090.532
3.0.0-beta090.521
3.0.0-beta090.510
3.0.0-beta090.501
3.0.0-beta090.440
3.0.0-beta090.430
3.0.0-beta090.421
3.0.0-beta090.411
3.0.0-beta090.400
3.0.0-beta090.391
3.0.0-beta090.381
3.0.0-beta090.371
3.0.0-beta090.360
3.0.0-beta090.351
3.0.0-beta090.340
3.0.0-beta090.331
3.0.0-beta090.321
3.0.0-beta090.310
3.0.0-beta090.300
3.0.0-beta090.260
3.0.0-beta090.250
3.0.0-beta090.240
3.0.0-beta090.230
3.0.0-beta090.220
3.0.0-beta090.210
3.0.0-beta090.200
3.0.0-beta090.160
3.0.0-beta090.150
3.0.0-beta090.141
3.0.0-beta090.131
3.0.0-beta090.121
3.0.0-beta090.110
3.0.0-beta090.102
3.0.0-beta090.80
3.0.0-beta090.70
3.0.0-beta090.60
3.0.0-beta090.50
3.0.0-beta090.40
3.0.0-beta090.30
3.0.0-beta090.20
3.0.0-beta090.10
3.0.0-beta0901
3.0.0-beta0890
3.0.0-beta0881
3.0.0-beta0871
3.0.0-beta0860
3.0.0-beta0851
3.0.0-beta0840
3.0.0-beta0831
3.0.0-beta0822
3.0.0-beta0811
3.0.0-beta0802
3.0.0-beta0790
3.0.0-beta0781
3.0.0-beta0770
3.0.0-beta0760
3.0.0-beta0751
3.0.0-beta0740
3.0.0-beta0730
3.0.0-beta0721
3.0.0-beta0710
3.0.0-beta0700
3.0.0-beta0680
3.0.0-beta0670
3.0.0-beta0660
3.0.0-beta0651
3.0.0-beta0641
3.0.0-beta0631
3.0.0-beta0620
3.0.0-beta0611
3.0.0-beta0600
3.0.0-beta0591
3.0.0-beta0580
3.0.0-beta0570
3.0.0-beta0560
3.0.0-beta0551
3.0.0-beta0540
3.0.0-beta0530
3.0.0-beta0510
3.0.0-beta0500
3.0.0-beta0490
3.0.0-beta0480
3.0.0-beta0470
3.0.0-beta0461
3.0.0-beta0450
3.0.0-beta0440
3.0.0-beta0430
3.0.0-beta0421
3.0.0-beta0411
3.0.0-beta0400
3.0.0-beta0391
3.0.0-beta0380
3.0.0-beta0372
3.0.0-beta0361
3.0.0-beta0350
3.0.0-beta0341
3.0.0-beta0330
3.0.0-beta0310
3.0.0-beta0301
3.0.0-beta0290
3.0.0-beta0280
3.0.0-beta0270
3.0.0-beta0260
3.0.0-beta0250
3.0.0-beta0240
3.0.0-beta0231
3.0.0-beta0221
3.0.0-beta0211
3.0.0-beta0201
3.0.0-beta0180
3.0.0-beta0170
3.0.0-beta0161
3.0.0-beta0150
3.0.0-beta0100
3.0.0-beta0090
3.0.0-beta0080
3.0.0-beta0070
3.0.0-beta0061
3.0.0-beta0050
3.0.0-beta0030
3.0.0-beta0020
3.0.0-beta0010
2.0.19-beta00191
2.0.19-beta00180
2.0.19-beta00170
2.0.19-beta00160
2.0.19-beta00150
2.0.19-beta00141
2.0.19-beta00130
2.0.19-beta00121
2.0.19-beta00110
2.0.19-beta00100
2.0.19-beta0081
2.0.19-beta007np0
2.0.19-beta0070
2.0.194,750
2.0.18-beta0070
2.0.182
2.0.171
2.0.16-beta0051
2.0.16-beta0041
2.0.16-beta0030
2.0.16-beta0022
2.0.16-beta0010
2.0.14-beta0010
2.0.140
2.0.131
2.0.12-beta0031
2.0.12-beta0020
2.0.12-beta0010
2.0.1211
2.0.11-beta21
2.0.11-beta11
2.0.110
2.0.100
2.0.90
2.0.81
2.0.70
2.0.60
2.0.5-beta21
2.0.5-beta11
2.0.5-beta0071
2.0.5-beta0060
2.0.5-beta0051
2.0.5-beta0041
2.0.5-beta0030
2.0.5-beta0020
2.0.5-beta0010
2.0.50
2.0.41
2.0.31
2.0.20
2.0.10
2.0.0-beta090
2.0.0-beta080
2.0.0-beta070
2.0.0-beta060
2.0.0-beta052
2.0.0-beta042
2.0.0-beta030
2.0.0-beta021
2.0.0-beta012
2.0.00
1.9.29-beta1010
1.9.29-beta1001
1.9.29-beta990
1.9.29-beta980
1.9.29-beta971
1.9.29-beta960
1.9.29-beta950
1.9.29-beta941
1.9.29-beta931
1.9.29-beta921
1.9.29-beta910
1.9.29-beta901
1.9.29-beta890
1.9.29-beta881
1.9.29-beta870
1.9.29-beta860
1.9.29-beta850
1.9.29-beta840
1.9.29-beta830
1.9.29-beta821
1.9.29-beta811
1.9.29-beta800
1.9.29-beta792
1.9.29-beta781
1.9.29-beta770
1.9.29-beta761
1.9.29-beta750
1.9.29-beta742
1.9.29-beta730
1.9.29-beta720
1.9.29-beta710
1.9.29-beta701
1.9.29-beta690
1.9.29-beta681
1.9.29-beta671
1.9.29-beta660
1.9.29-beta650
1.9.29-beta640
1.9.29-beta631
1.9.29-beta620
1.9.29-beta611
1.9.29-beta602
1.9.29-beta550
1.9.29-beta542
1.9.29-beta531
1.9.29-beta520
1.9.29-beta510
1.9.29-beta501
1.9.29-beta491
1.9.29-beta480
1.9.29-beta472
1.9.29-beta460
1.9.29-beta450
1.9.29-beta440
1.9.29-beta431
1.9.29-beta420
1.9.29-beta410
1.9.29-beta401
1.9.29-beta390
1.9.29-beta380
1.9.29-beta371
1.9.29-beta361
1.9.29-beta350
1.9.29-beta340
1.9.29-beta330
1.9.29-beta321
1.9.29-beta311
1.9.29-beta300
1.9.29-beta290
1.9.29-beta280
1.9.29-beta270
1.9.29-beta261
1.9.29-beta252
1.9.29-beta230
1.9.29-beta220
1.9.29-beta212
1.9.29-beta201
1.9.29-beta191
1.9.29-beta180
1.9.29-beta170
1.9.29-beta161
1.9.29-beta150
1.9.29-beta140
1.9.29-beta130
1.9.29-beta121
1.9.29-beta112
1.9.29-beta100
1.9.29-beta90
1.9.29-beta81
1.9.29-beta72
1.9.29-beta60
1.9.29-beta50
1.9.29-beta42
1.9.29-beta30
1.9.29-beta22
1.9.29-beta10

Package Sidebar

Install

npm i react-spring-carousel

Weekly Downloads

4,981

Version

2.0.19

License

MIT

Unpacked Size

342 kB

Total Files

27

Last publish

Collaborators

  • emiliano1989