The vue-block-system library lets you easily create block based websites. It uses the vue-transition-component to handle all component transitions.
Usage & Options:
enablePageTransitionOut: true, blockConfig: { maxFindParentPageCount: 50, }, buttonConfig: { scrollToNextBlockDuration: 1000, scrollToNextBlockOffset: 0, maxFindParentBlockCount: 50, }, api: { initCall: '/api/page/{page}', pageCall: '/api/page/init', axiosInstance: null, layoutCache: true, stripLeadingSlash: false, }, debugLabelStyling: { font: '10px/1 sans-serif', backgroundColor: 'red', color: 'white', padding: '5px', position: 'absolute', top: '0px', left: '0px', },
Preview:
Download Details:
Author: larsvanbraam
Live Demo: http://vue-block-system.larsvanbraam.nl/
Download Link: https://github.com/larsvanbraam/vue-block-system/archive/master.zip
Official Website: https://github.com/larsvanbraam/vue-block-system
Install & Download:
# Yarn
$ yarn add vue-block-system
# NPM
$ npm install vue-block-system --save