├── .editorconfig ├── .eslintignore ├── .eslintrc ├── .gitignore ├── .travis.yml ├── README.md ├── example ├── package-lock.json ├── package.json ├── public │ ├── index.html │ └── manifest.json └── src │ ├── A11y │ ├── A11y.jsx │ ├── index.js │ └── styles.module.css │ ├── App.jsx │ ├── Frame │ ├── Frame.jsx │ ├── index.js │ └── styles.module.css │ ├── Horizontal │ ├── Horizontal.jsx │ ├── index.js │ └── styles.module.css │ ├── List │ ├── List.jsx │ ├── index.js │ └── styles.module.css │ ├── Menu │ ├── Menu.jsx │ ├── horizontal.gif │ ├── index.js │ ├── list.gif │ ├── snaplist.png │ ├── strip-github.png │ ├── styles.module.css │ └── vertical.gif │ ├── NavBar │ ├── NavBar.jsx │ ├── back-arrow.svg │ ├── dots.svg │ ├── forward-arrow.svg │ ├── index.js │ └── styles.module.css │ ├── Vertical │ ├── Vertical.jsx │ ├── index.js │ └── styles.module.css │ ├── index.css │ ├── index.js │ └── utils.js ├── package.json ├── readme ├── horizontal.gif ├── list.gif ├── snaplist.png └── vertical.gif ├── rollup.config.js ├── src ├── SnapList.tsx ├── index.ts ├── smoothScroll.ts ├── styles.css ├── stylesdrag.css ├── test.ts ├── typings.d.ts ├── useDragToScroll.ts ├── useScroll.ts ├── useVisibleElements.ts └── utils.ts ├── tsconfig.json └── tsconfig.test.json /.editorconfig: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/.editorconfig -------------------------------------------------------------------------------- /.eslintignore: -------------------------------------------------------------------------------- 1 | build/* 2 | example/* 3 | node_modules/* -------------------------------------------------------------------------------- /.eslintrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/.eslintrc -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/.gitignore -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/.travis.yml -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/README.md -------------------------------------------------------------------------------- /example/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/example/package-lock.json -------------------------------------------------------------------------------- /example/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/example/package.json -------------------------------------------------------------------------------- /example/public/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/example/public/index.html -------------------------------------------------------------------------------- /example/public/manifest.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/example/public/manifest.json -------------------------------------------------------------------------------- /example/src/A11y/A11y.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/example/src/A11y/A11y.jsx -------------------------------------------------------------------------------- /example/src/A11y/index.js: -------------------------------------------------------------------------------- 1 | export * from './A11y'; 2 | -------------------------------------------------------------------------------- /example/src/A11y/styles.module.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/example/src/A11y/styles.module.css -------------------------------------------------------------------------------- /example/src/App.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/example/src/App.jsx -------------------------------------------------------------------------------- /example/src/Frame/Frame.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/example/src/Frame/Frame.jsx -------------------------------------------------------------------------------- /example/src/Frame/index.js: -------------------------------------------------------------------------------- 1 | export * from './Frame'; 2 | -------------------------------------------------------------------------------- /example/src/Frame/styles.module.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/example/src/Frame/styles.module.css -------------------------------------------------------------------------------- /example/src/Horizontal/Horizontal.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/example/src/Horizontal/Horizontal.jsx -------------------------------------------------------------------------------- /example/src/Horizontal/index.js: -------------------------------------------------------------------------------- 1 | export * from './Horizontal'; 2 | -------------------------------------------------------------------------------- /example/src/Horizontal/styles.module.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/example/src/Horizontal/styles.module.css -------------------------------------------------------------------------------- /example/src/List/List.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/example/src/List/List.jsx -------------------------------------------------------------------------------- /example/src/List/index.js: -------------------------------------------------------------------------------- 1 | export * from './List'; 2 | -------------------------------------------------------------------------------- /example/src/List/styles.module.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/example/src/List/styles.module.css -------------------------------------------------------------------------------- /example/src/Menu/Menu.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/example/src/Menu/Menu.jsx -------------------------------------------------------------------------------- /example/src/Menu/horizontal.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/example/src/Menu/horizontal.gif -------------------------------------------------------------------------------- /example/src/Menu/index.js: -------------------------------------------------------------------------------- 1 | export * from './Menu'; 2 | -------------------------------------------------------------------------------- /example/src/Menu/list.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/example/src/Menu/list.gif -------------------------------------------------------------------------------- /example/src/Menu/snaplist.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/example/src/Menu/snaplist.png -------------------------------------------------------------------------------- /example/src/Menu/strip-github.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/example/src/Menu/strip-github.png -------------------------------------------------------------------------------- /example/src/Menu/styles.module.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/example/src/Menu/styles.module.css -------------------------------------------------------------------------------- /example/src/Menu/vertical.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/example/src/Menu/vertical.gif -------------------------------------------------------------------------------- /example/src/NavBar/NavBar.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/example/src/NavBar/NavBar.jsx -------------------------------------------------------------------------------- /example/src/NavBar/back-arrow.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/example/src/NavBar/back-arrow.svg -------------------------------------------------------------------------------- /example/src/NavBar/dots.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/example/src/NavBar/dots.svg -------------------------------------------------------------------------------- /example/src/NavBar/forward-arrow.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/example/src/NavBar/forward-arrow.svg -------------------------------------------------------------------------------- /example/src/NavBar/index.js: -------------------------------------------------------------------------------- 1 | export * from './NavBar' -------------------------------------------------------------------------------- /example/src/NavBar/styles.module.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/example/src/NavBar/styles.module.css -------------------------------------------------------------------------------- /example/src/Vertical/Vertical.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/example/src/Vertical/Vertical.jsx -------------------------------------------------------------------------------- /example/src/Vertical/index.js: -------------------------------------------------------------------------------- 1 | export * from './Vertical'; 2 | -------------------------------------------------------------------------------- /example/src/Vertical/styles.module.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/example/src/Vertical/styles.module.css -------------------------------------------------------------------------------- /example/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/example/src/index.css -------------------------------------------------------------------------------- /example/src/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/example/src/index.js -------------------------------------------------------------------------------- /example/src/utils.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/example/src/utils.js -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/package.json -------------------------------------------------------------------------------- /readme/horizontal.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/readme/horizontal.gif -------------------------------------------------------------------------------- /readme/list.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/readme/list.gif -------------------------------------------------------------------------------- /readme/snaplist.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/readme/snaplist.png -------------------------------------------------------------------------------- /readme/vertical.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/readme/vertical.gif -------------------------------------------------------------------------------- /rollup.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/rollup.config.js -------------------------------------------------------------------------------- /src/SnapList.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/src/SnapList.tsx -------------------------------------------------------------------------------- /src/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/src/index.ts -------------------------------------------------------------------------------- /src/smoothScroll.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/src/smoothScroll.ts -------------------------------------------------------------------------------- /src/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/src/styles.css -------------------------------------------------------------------------------- /src/stylesdrag.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/src/stylesdrag.css -------------------------------------------------------------------------------- /src/test.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/src/test.ts -------------------------------------------------------------------------------- /src/typings.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/src/typings.d.ts -------------------------------------------------------------------------------- /src/useDragToScroll.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/src/useDragToScroll.ts -------------------------------------------------------------------------------- /src/useScroll.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/src/useScroll.ts -------------------------------------------------------------------------------- /src/useVisibleElements.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/src/useVisibleElements.ts -------------------------------------------------------------------------------- /src/utils.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/src/utils.ts -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/tsconfig.json -------------------------------------------------------------------------------- /tsconfig.test.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luispuig/react-snaplist-carousel/HEAD/tsconfig.test.json --------------------------------------------------------------------------------