By default, the sequence animation have an interval of 250 milliseconds. If you need a faster or slower entrance animation, you can specify the time in milliseconds. If you prefer don't use the built in animations (fromTop,fromRight,fromLeft,fromBottom) and use your custom css animation, you can easily using 'animation' props. Simply, put the class name of your animation and that's it.
https://github.com/deivthings/vue-sequential-entrance#readmeTags | plugin vue animations entrances sequential |
Implementation | Javascript |
License | MIT |
Platform | OS-Independent |
For vue 1.x use vue-scrollTo@1.0.1 (note the capital T) but keep in mind that the old version depends on jquery. vue-scrollto uses window.requestAnimationFrame to perform the animations, thus giving the best performance.
vue vuejs directive vue-plugin easings request-animation-frame scroll scrollto scroll-toSmall demo showing custom page animations in Vue 2 with a fake typography site, currently using a custom build of Nuxt, pre 1.0.0beta release. Using GreenSock for the animations, including SplitText. Nuxt.js is a framework for creating Universal Vue.js Applications. It presets all the configuration needed to make your development of a Vue.js Application Server Rendered more enjoyable.
nuxt vue page-transitions greensock svg-animations nuxt-page-transitions vue-page-transitionsEasy to use css spinners collection with Vue.js integration. Developed by Epicmax. Subscribe to our newsletter to get Epic Spinners updates, our team's stories and Vue.js materials hand-picked by Epicmax.
vue css-spinners-collection css-animations css-loaders vue-components spinner css gallery html vue-spinner-component animations loading-animations loading-screen loading-spinnerThis repo houses the materials and resources for the Introduction to Vue.js. Most of the materials for the course are outlined below, but there are also directories housed here of very basic examples of some of the techniques we will cover so that students don't have to spend a lot of time researching in order to get started. It is recommended that students use CodePen to create work for the duration of the course, as we'll use preprocessors like SCSS as well as Babel for ES6, and resources like Vue.js, both prod and dev versions, codepen makes it easy to do so without time devoted to setup. If you like, you can also scroll to the CodePen collection section and fork one of the existing pens in those collections, they are comprehensive. There are more true-to-life build process examples, in the VueCLI, Nuxt, and Vuex Resource Sections. It's encouraged to watch the lecture to learn how to set up the builds yourself, though. For sections covering Nuxt, we will be using the directories listed in the Nuxt section below as well as their directories, prefixed with nuxt- here.
vue vuex introduction-to-vue vue-animations vue-cli vue-methods vue-watchers nuxt introduction-to-nuxt vue-directivequill editor component for Vue
vue vue-quill-editor quill editor vue-components vuejs vuejs2 vue-component vue2 editor-plugin quilljs quill-editor vue-resource vue-plugin web-editor text-editor vue-directive vue- vue-quill vue-text-editor vue-rich-text-editor vue-web-editor vue-editorA Vue Cli 3 plugin for Electron with no required configuration that uses Electron Builder. IMPORTANT: These docs are for the v1.0.0-beta release of VCP Electron Builder. If you were previously using an older version of vue-cli-plugin-electron-builder (<1.0.0), please see the upgrade guide or view the old docs.
electron vue vue-cli electron-webpack electron-builder cli vue-cli-plugin webpackA Vue.js port of the amazing React Overdrive, using Ramjet under the hood.
vue vuejs animations vue-routerVue component to easily build (or use presets) SVG loading cards Facebook like.
vue svg facebook loading-animations loading card cards ui ux animation vuejs placeholder skeletonVue Toasted is One of the Best Toast plugin available for VueJS. it is responsive, touch compatible, easy to use, attractive and feature rich with icons, actions etc... Checkout the Interactive Demo here.
toast vue vue-toasted responsive touch-compatible toast-plugin notification vue-notification toastr toasted touch vue-toast vue-toastrA simple picture clipping plugin for vue
vue cropper vue-cropper vue-component vue-cropper-componentif you use vue.js(<=2.0), you should go here.Or select 1.x.x version. Your contributions and suggestions are welcome 😄😄😄💐💐💐.
vue vue-plugin upload crop vue-component plugin imageVue Tour is a lightweight, simple and customizable tour plugin for use with Vue.js. It provides a quick and easy way to guide your users through your application. You can install vue-tour using npm or by downloading the minified build on GitHub.
vue tourThis demo shows an example of how to acheive native-like page transitions on the web. There's much to be improved here- it's not meant to be a full-fledged web application, just a quick demo to show how this kind of implementation could theoretically work. These concepts can and should be expressed differently in your own application, the sky's the limit here! This is created with Nuxt and Vue. For detailed explanation on how things work, checkout the Nuxt.js docs.
page-transitions animations vue vuejs nuxt page-transitions-nuxt page-transitions-vue native-like-transitionsA simple straightforward customizable mobile-friendly image cropper for Vue 2.0. A two-way binding prop. It syncs an object from within the croppa component with a data in parent. We can use this object to call useful methods (Check out "Methods" section). Since v1.0.0, you don't need this anymore, the ref on component can also be used to call methods.
vue cropper image-cropper vue-component upload vue-cropper-component image-preview image crop vue-cropper vue-plugin move zoom web front-end staightforward customizable editable lightweight mobileInclude plugin in your main.js file.
vue vuejs vue-modal vue-plugin vue-js-modal front-end web dialog alert modalAn infinite scroll plugin for Vue.js, it can help you impletement infinite scroll list more easily. To check out live examples and docs, visit Vue-infinite-loading GitHub Pages.
vue infinite-scroll-plugin vue-components infinite-loading infinite-scroll vue-infiniteThe plugin isn't just a wrapper of the Google Analytics API, but provides a solution to issues that most of the time you don't want to deal with or you not even know you have to deal with.
vue google-analytics analytics tracking vue-plugin vue-analytics vuejs google google-trackingVue wrapper arround Material Components for the Web
vue mdc material-components material-design vue-mdc-adapter vuejs vue-components material vue-material plugin components adapter design
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.