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