svelte-flickity

A Svelte component wrapper for Flickity carousel

!npm

Usage

Install:
``
npm install -save svelte-flickity
`

Import the Flickity carousel and add to your template:
`





Slide 2

Slide 3

`

TypeError: carousel is not a constructor

If you get this console error it means flickity isn't available at runtime - Vite needs to prebundle the flickity dependency.

Add this to your svelte.config.js:
`
vite: () => ({
optimizeDeps: {
include: ['flickity']
}
})
`

Once included you should see flickity.js listed under node_modules > .vite > deps

$3


`

Slide 1

Slide 2

Slide 3

`

All options on Flickity website:
https://flickity.metafizzy.co/options.html

Disclaimer

I've had no involvement in the development of Flickity.

Please buy a Flickity license if you're deploying a commercial site

I love the library and discovered it was tricky to add to SvelteKit with SSR - so made this wrapper. You can easily grab my code and implement your own component without this npm package (I'm using the package to avoid an extra component in my codebase):

`




``

Apologies to the 60+ people that downloaded the broken pre 1.0 version of this - it should work now!

You can log issues here:
https://github.com/danieluntiedt/svelte-flickity/issues