Top Reading Progress Bar – vue-scroll-indicator
A Vue.js component to generate a top reading progress bar that auto-updates as you scroll down/up the web app.
January 14, 2020
Other
Vue.js Other Components
Animated Linear Progress Bar Component – k-progress
The k-progress component enables you to visualize any percentage value in animated, customizable, linear progress bars.
December 30, 2019
Other
Preserve Aspect Ratio Of An Element In Vue
Yet another Vue.js component to preserve the aspect ratio of an element no matter how you resize the viewport.
December 5, 2019
Other
Resize Element With Drag And Drop – VueResizable
A small and configurable resizable component that allows the user to resize an element using drag and drop.
November 28, 2019
Other
Material Design Swipeable Bottom Sheet Component For Vue.js
This is a Vue.js component to create a swipeable bottom panel sliding from the bottom of the screen. Inspired by Material Design Bottom Sheets. Requires the hammer.js library.
November 27, 2019
Other
Set Aspect Ratio Of Element In Vue.js
A Vue.js directive allows you to set and preserve the aspect ratio of an element no matter how you resize the viewport.
November 26, 2019
Other
Easy Step Indicator In Vue.js
An easy yet configurable step indicator for Vue.js applications.
November 21, 2019
Other
Responsive Vertical Timeline Component – vuetimeline
A simple Vue.js component to generate a responsive, vertical, configurable, animated timeline on the web application.
November 13, 2019
Other
OS X Finder Like Tree Component – vue-finder
vue-finder is a Vue.js component that renders an OS X Find app style interface to showcase your hierarchical data (e.g. folders, files, etc) just like a tree.
November 8, 2019
Other
Reading Progressbar Component – vue-progress-scroll
vue-progress-scroll is a Vue.js plugin to create a reading progress indicator that auto updates as you scroll down the page.
October 28, 2019
Other
Beautiful Histogram Range Slider Component For Vue.js
A beautiful range slider component to select a range of numerical data just like a histogram.
October 18, 2019
Other
Chrome Style Tabs Component For Vue.js – vue-tabs-chrome
A small Vue.js component that creates responsive, draggable, Chrome browser style tabs for tabbed content. How to use it: Insert the component into the template. <template> <vue-tabs-chrome v-model=”tab” :tabs=”tabs” /> </template> Create a basic tabs component and define the label, key, and favicon for each tab as follows: export default { data () { return { tab: ‘Custom Tab’, tabs: } }
September 26, 2019
Other