Smooth Momentum Scrolling Component For Vue 3 – Smoothie

Install & Download:

# Yarn
$ yarn add vue-smoothie
# NPM
$ npm i vue-smoothie

Description:

Smoothie is a lightweight, super smooth momentum scrolling effect component that supports both directions.

How to use it:

1. Import the Smoothie component.

import { Smoothie } from "vue-smoothie";

2. Add the Smoothie to the template.

<template>
  <Smoothie class="container">
    <div>
      ...
    </div>
  </Smoothie>
</template>

3. Set the height & width of the scrollable container.

.container {
  height: 100vh;
  width: 80%;
}

Preview:

Changelog:

v1.2.0 (11/07/2022)

• Bugfix