Vue.js Components & Libraries UI Components Form Miscellaneous

Back

1. vue-gmaps

Search places and address using Google Maps API.

2. vuep

A component for rendering Vue components with live editor and preview.

3. vue-places

Places component is based on places.js for Vue 2.x. Turn any input into an address autocomplete.

4. vue-password-strength-meter

Password strength meter based on zxcvbn in vue.js.

6. vue-longpress

A VueJS (2.x) button component that requires you to keep pressing to confirm a given action.

7. vue-google-autocomplete

A Vue.js (2.x) autosuggest component for the Google Maps Places API.

8. vue-default-value

Vue.js 2.x directive to set a default value for editable elements with no affect to the model state

9. vue-model-autoset

A Vue.js plugin to workaround Vue limitation in observing dynamically added properties with v-model directive

10. vue-submit

Simple implementation of Ladda ([1](http://lab.hakim.se/ladda/), [2](https://msurguy.github.io/ladda-bootstrap/)) in less than 90 lines of code with no dependencies.

12. vuetify-google-autocomplete

A Vuetify ready Vue.js (2.x) autosuggest component for the Google Maps Places API.

13. vue-ripple-directive

Material Ripple Effect as Vue Directive.

15. vue-complexify

Vuejs porting library from jquery.complexify.js.

17. vue-stars

Highly customizable rating control (using stars or other characters)

18. vue-confirmation-button

Customizable confirmation button that requires users to read messages before performing an action

20. vue-diagrams

Diagram component for vue.js, inspired by react-diagrams

21. vue-easy-polls

A Vue.js component for creating polls, voting and showing results. It’s easy to implement and easy to customize.

23. vue-long-click

Long click (long press) directive library for vue, support mobile and desktop.

24. vue-ui-predicate

A rules editor, generic filtering UI, predicates component for Vue JS.

25. vue-mobile-detection

Vue.js prototype function `this.$isMobile()` that returns a Boolean value depending on whether or not the user is browsing with a mobile.

26. vue-input-contenteditable

A Vue component wrapper for `contenteditable` with all the features you normally expect. Make beautiful inputs without the restrictions of `input[type='text']`.

28. vue-credit-card

A Vue Component for Credit Card Input & Masking & Preview

29. vue-simple-password-meter

Lightweight password strength meter with no dependency

` and `<input>` elements allowing them to automatically stretch to fit the content.</span></p><p><h2>31. <a href="https://github.com/muhammederdem/vue-interactive-paycard">vue-interactive-paycard</a></h2><span class="w3-padding-left">A fantastic credit card form with smooth and sweet micro-interactions.</span></p><p><h2>32. <a href="https://github.com/guastallaigor/vue-paycard">vue-paycard</a></h2><span class="w3-padding-left">Credit card component made with Vue.js.</span></p><p><h2>33. <a href="https://github.com/guastallaigor/vue-list-picker">vue-list-picker</a></h2><span class="w3-padding-left">Just a simple list picker component made with Vue.js.</span></p><p><h2>34. <a href="https://github.com/max-kut/vue-diagram-editor">vue-diagram-editor</a></h2><span class="w3-padding-left">Highly customizable diagram editor with slot-based nodes (vue^2.6)</span></p><p><h2>35. <a href="https://github.com/wobsoriano/v-use-places-autocomplete">v-use-places-autocomplete</a></h2><span class="w3-padding-left">📍 Vue composable for Google Maps Places Autocomplete.</span></p>
      </div>

<footer style="margin-top:10px;" class="w3-padding">
        <div class="w3-xlarge w3-padding">
          <h3>Also Follow me on</h3>
          <a href="https://github.com/omkarjc27" class="w3-text-black w3-hover-opacity"><i class="fa fa-github"></i></a>
          <a href="https://twitter.com/omkar_chalke_" class="w3-text-red w3-hover-opacity"><i class="fa fa-reddit"></i></a>
          <a href="https://www.reddit.com/user/omkarjc" class="w3-text-blue w3-hover-opacity"><i class="fa fa-twitter"></i></a>
          <br><br><br><br>
        </div>
      </footer>
    </div>
  </center>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</body>
</html>