Category : VueJs

15 posts

Lightweight and mobile friendly date time picker based on Vue. Vue date pick emphasizes performance, elegant and usable UI on all screen sizes and simplicity of configuration. Has no dependencies on css frameworks or date libraries. Weighs less then 5KB. Install Install Vue date time picker via NPM npm install vue-date-pick HTML Create sample date …
Today I am going to share simple Vue.js 2.0 slideshow component working with Three.js .Webgl image displacement transitions made simple. A Vue.js 2.0 slideshow component working with Three.js and GSAP. Install Install slideshow component using NPM. npm i --save vue-displacement-slideshow Template Create sample template <template> <vue-displacement-slideshow :images="images" displacement="require('../assets/displacement.png')" :intensity.number="0.2" :speedIn.number="1.4" :speedOut.number="1.4" ease="Expo.easeInOut" ref="slideshow"></vue-displacement-slideshow> </template> JS …
Vueye data table is a responsive data table component based on Vue.js 2, it organizes your data per pages in order to navigate easily. Features: Sort columns Search data Print your data into a spreadsheet Emit checked rows and the clicked row to the parent component Export to excel Create your own theme (colors) Many …
A collection of color picker components for Vue.js 2, inspired from Sketch, Photoshop, Chrome & more. Install installing via NPM $ npm install vue-color After downloading the package The dist folder contains vue-color.js and vue-color.min.js with all components exported in the window.VueColor object. These bundles are also available on NPM packages. <script src="path/to/vue.js"></script> <script src="path/to/vue-color.min.js"></script> …
A simple Vue UI component for showing notifications bell on your project. so that you can easily display notification count like facebook. Installation Install Vue.js Notification Bell Component via NPM. npm install vue-notification-bell --save Inside your vue files <template> <div id="your-component"> <notification-bell /> <!-- Using Component --> </div> </template> <script> // Importing Component import NotificationBell …
In this tutorial I am going to share simple Vue component for drawing pure CSS donut charts. This Vue component help you to display your plain data into graphical donut charts. Features: Pure CSS. Vue is only used for calculations. No external dependencies ~3KB min+gzipped JS and ~0.4KB min+gzipped CSS Install via npm npm install …
If you are working with vueJs then In this post I am going to share Simple flip countdown timer component for Vue 2.x which help you to display countdown timer on your website. Installation Install VueJs flip countdown timer component form NPM. npm i vue2-flip-countdown --save Create a simple countdown timer with VueJs <template> <div> …
PAGE TOP