Installation

Using the package managers (recommended)

You can easily install Flicking with package managers like npm or yarn

npm

JavaScript

npm install @egjs/flicking

React

npm install @egjs/react-flicking

Vue@2

npm install @egjs/vue-flicking

Vue@3

npm install @egjs/vue3-flicking

Angular

npm install @egjs/ngx-flicking

Preact

npm install @egjs/preact-flicking

Svelte

npm install @egjs/svelte-flicking

yarn

JavaScript

yarn add @egjs/flicking

React

yarn add @egjs/react-flicking

Vue@2

yarn add @egjs/vue-flicking

Vue@3

yarn add @egjs/vue3-flicking

Angular

yarn add @egjs/ngx-flicking

Preact

yarn add @egjs/preact-flicking

Svelte

yarn add @egjs/svelte-flicking

CDN Links

Unlike individual or internal cases, CDN has unpredictable problems with services, so it is better to use your own files.

packaged(with dependencies)

<!-- unpkg -->
<script src="https://unpkg.com/@egjs/flicking/dist/flicking.pkgd.min.js" crossorigin="anonymous"></script>
<!-- cdnjs -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/egjs-flicking/4.x.x/flicking.pkgd.min.js" crossorigin="anonymous"></script>

CSS files

Choose flicking-inline.css if you have to support IE9

<!-- unpkg -->
<link rel="stylesheet" href="https://unpkg.com/@egjs/flicking/dist/flicking.css" crossorigin="anonymous" />
<link rel="stylesheet" href="https://unpkg.com/@egjs/flicking/dist/flicking-inline.css" crossorigin="anonymous" />
<!-- cdnjs -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/egjs-flicking/4.x.x/flicking.css" crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/egjs-flicking/4.x.x/flicking-inline.css" crossorigin="anonymous" />