Vue.js Other Components

Realtime Conversation Chat – vue-advanced-chat

vue-advanced-chat is a live chat library to create a flexible, customizable, realtime conversation chat on the Vue.js app.

September 26, 2020 Other

Star Rating Component For Vue 2 & 3

A simple, highly customisable star rating component for Vue 2.x and 3.x.

September 26, 2020 Featured, 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.

September 26, 2020 Other

Minimal Knob Component For Vue.js

A simple plain Vue.js component to create a knob that enables the user to adjust the value by draggable the dial.

September 25, 2020 Other

Vue Component For Dynamic Mapbox GL JS Maps

This is a Vue wrapper for the Mapbox GL JS library that lets you dynamically control the map from your Vue components.

September 24, 2020 Other

Google Maps Plugin For Vue – x5-gmaps

The x5-gmaps Vue.js plugin to create Google Maps with custom markers, info windows, popups, heatmap on the app.

September 24, 2020 Other

Save And Load Data Across Browser Sessions – VueStorage

The VueStorage allows components to save and load their data across browser sessions.

September 24, 2020 Featured, Other

Trap Focus Within A DOM – focus-trap-vue

focus-trap-vue is a Vue.js component to trap focus within a DOM node. Requires the focus-trap library as the dependency.

September 23, 2020 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 21, 2020 Other