[Animation] 3D Page Flip Images Effect For Vue component | flipbook

Flipbook is a Vue component that renders images in a 3D page flip effect just like a book.

page turn animation js, turnjs flipbook tutorial, vue canvas page flip effect, book page flip animation code, pageflip animation source, jquery book page flip animation

How to make use of it:

Install and download:

# Yarn
$ yarn add flipbook-vue
# NPM
$ npm install flipbook-vue --save

<script src="https://unpkg.com/flipbook-vue"></script>

Usage template

<template>
  <flipbook class="flipbook" :pages="['array', 'of', 'image', 'URLs']"></flipbook>
</template>
<style>
.flipbook {
  width: 90vw;
  height: 90vh;
}
</style>

If installed as a module.

<script>
import Flipbook from 'flipbook-vue'
export default {
  components: { Flipbook }
}
</script>

If you want to build from .vue directly (including interpretation, etc.).

import Flipbook from 'flipbook-vue/sfc'
import Flipbook from 'flipbook-vue/src/Flipbook.vue'

3D Page Flip Effect For Vue.js, flipbook Plugin/Github, turn js responsive flipbook

See Demo And Download

Official Website(ts1): Click Here

This superior jQuery/javascript plugin is developed by ts1. For extra Advanced Usages, please go to the official website.