@feather-scroll/vue

Official Vue 3 wrapper for FeatherScroll — a thin, SSR-safe component around the zero-dependency core.

Install

npm i @feather-scroll/vue @feather-scroll/core @feather-scroll/effects

Usage

<script setup>
import { ref } from 'vue';
import { FeatherScroll } from '@feather-scroll/vue';
import { cubeHorizontal } from '@feather-scroll/effects';
import '@feather-scroll/core/styles/core.css';

const index = ref(0);
</script>

<template>
  <FeatherScroll v-model="index" :options="{ effect: cubeHorizontal, loop: true, nav: true }">
    <div>1</div>
    <div>2</div>
    <div>3</div>
  </FeatherScroll>
</template>

Pass any core option via :options; v-model binds the active index.

Links

• 📖 Framework wrappers
• ▶ Live demo

License

MIT