Collection 20 Best Vue App for You

Collection 20 Best Vue App for You

Vue is one framework that requires almost no learning curve and can be picked up quickly. It's time to build an Vue app and add to your portfolio.

Vue is one framework that requires almost no learning curve and can be picked up quickly. It's time to build an vue app and add to your portfolio. Below I have compiled 20 simple Vue apps for you.

1. lez-viewer

This project has been designed in the context of the SmartGovLez project, in order to easily handle model inputs and outputs.

Demo

Download


2. stock-trader

Stock trader simulation for Vue.js Udemy coarse.

![stock-trader]](https://i.imgur.com/2gfy2Jm.jpg "stock-trader]")

Demo

Download


3. asagao

An electron twitter client built with Vue.js.

Features

  • Timeline
  • Tweet
  • Media
  • Other

Download


4. vue-dashboard (Name TBD)

A Dashboard for showing information about a Plex, Tautulli, Sonarr and Radarr Media server.

Download


5. a-cat-a-dog-vue

A Vue App for showing cats and dogs

Demo

Download


6. Logoly

A Simple Logo Online Generator Website For People Who want to design Logo Easily.

Feature

  • Generate Logo Like Pornhub
  • Download Your Own Logo as Png
  • Customize Logo Color
  • Customize Logo Font Size

Demo

Download


7. WeakAuras-Companion

The bridge between WeakAuras and wago.io.

Demo

Download


8. minska-ui

VueJS-App to optimize weight loss and track calories. Minska means to lose weight in Swedish. And that's exactly what you can do with Minska. The fastest and most useful way to lose weight is to count the calories you consume. This is the basic principle of all apps that are designed to help you lose weight. Whether this happens in points (Weightwatchers) or directly in calories, does not matter. With this tactic, it doesn't matter what you eat, it just matters how much. Accordingly, you can occasionally treat yourself to a calorie bomb as long as you don't go beyond your daily routine. Strictly speaking, sport is not necessary either, but you can use it to expand your calorie frame yourself.

Demo

Download


9. CourseSchedulingHelper

A Course Scheduling Helper Using Vue.js

Demo

Download


10. DTrip

Web client for decentralized travel application. Based on STEEM and IPFS.

Demo

Download


11. Audifactory

Online album storefront using Vue.js + Vuetify + node/express.

Demo

Download


12. Vue CRUD

CRUD application written using Vue2, Vuex and Vuetify. The app uses REST API and JWT Tokens.

Demo

Download


13. Open source finance application

Written with Vue.js and Firebase.

Finapp helps you to control personal finances easily and efficiently.

Demo

Download


14. moceen

Create beautiful screenshots with device mockups.

Demo

Download


15. phila-vue-comps

phila-vue-comps is a library of Vue components that can be used in apps which use Vue.js and Vuex. It includes many data-presentation components such as Vertical Tables or Horizontal Tables, etc.

Download


16. fd-vue-webapp

A Vue.js client for Freedomotic.

Demo

Download


17. Dungeon App

D&D 3.5 character management app.

Demo

Download


18. vuethexplore

Vue project for ethereum blockchain explore.

Demo

Download



19. Coffee Maker App

A quick build of a Coffee Ordering App using VueJS.

Demo


20. Vue JS Draw

Wanted to create a drawing app that uses VueJS for it's interface and data management. :)

Demo


I hope you like it!

10 Best Vue Icon Component For Your Vue.js App

10 Best Vue Icon Component For Your Vue.js App

In this article, I will collect 10 Vue icon component to bring more interactivity, better UI design to your Vue application.

Icons are the vital element of the user interface of the product enabling successful and effective interaction with it. In this article, I will collect 10 Vue icon component to bring more interactivity, better UI design to your Vue application.

1. Animated SweetAlert Icons for Vue

A clean and simple Vue wrapper for SweetAlert's fantastic status icons. This wrapper is intended for users who are interested in just the icons. For the standard SweetAlert modal with all of its bells and whistles, you should probably use Vue-SweetAlert 2

Demo: https://vue-sweetalert-icons.netlify.com/

Download: https://github.com/JorgenVatle/vue-sweetalert-icons/archive/master.zip

2. vue-svg-transition

Create 2-state, SVG-powered animated icons.

Demo: https://codesandbox.io/s/6v20q76xwr

Download: https://github.com/kai-oswald/vue-svg-transition/archive/master.zip

3. Vue-Awesome

Awesome SVG icon component for Vue.js, with built-in Font Awesome icons.

Demo: https://justineo.github.io/vue-awesome/demo/

Download: https://github.com/Justineo/vue-awesome/archive/master.zip

4. vue-transitioning-result-icon

Transitioning Result Icon for Vue.js

A scalable result icon (SVG) that transitions the state change, that is the SVG shape change is transitioned as well as the color. Demonstration can be found here.

A transitioning (color and SVG) result icon (error or success) for Vue.

Demo: https://transitioning-result-icon.dexmo-hq.com/

Download: https://github.com/dexmo007/vue-transitioning-result-icon/archive/master.zip

5. vue-zondicons

Easily add Zondicon icons to your vue web project.

Demo: http://www.zondicons.com/icons.html

Download: https://github.com/TerryMooreII/vue-zondicons/archive/master.zip

6. vicon

Vicon is an simple iconfont componenet for vue.

iconfont
iconfont is a Vector Icon Management & Communication Platform made by Alimama MUX.

Download: https://github.com/Lt0/vicon/archive/master.zip

7. vue-svgicon

A tool to create svg icon components. (vue 2.x)

Demo: https://mmf-fe.github.io/vue-svgicon/v3/

Download: https://github.com/MMF-FE/vue-svgicon/archive/master.zip

8. vue-material-design-icons

This library is a collection of Vue single-file components to render Material Design Icons, sourced from the MaterialDesign project. It also includes some CSS that helps make the scaling of the icons a little easier.

Demo: https://gitlab.com/robcresswell/vue-material-design-icons

Download: https://gitlab.com/robcresswell/vue-material-design-icons/tree/master

9. vue-ionicons

Vue Icon Set Components from Ionic Team

Design Icons, sourced from the Ionicons project.

Demo: https://mazipan.github.io/vue-ionicons/

Download: https://github.com/mazipan/vue-ionicons/archive/master.zip

10. vue-ico

Dead easy, Google Material Icons for Vue.

This package's aim is to get icons into your Vue.js project as quick as possible, at the cost of all the bells and whistles.

Demo: https://material.io/resources/icons/?style=baseline

Download: https://github.com/paulcollett/vue-ico/archive/master.zip

I hope you like them!

10 Best Vue Search Component For Your Vue.js App

10 Best Vue Search Component For Your Vue.js App

Vue Search is a component which enables a process of finding words, sentences, and numbers in the collection of documents, web pages or other sources.

Vue Search is a component which enables a process of finding words, sentences, and numbers in the collection of documents, web pages or other sources.

It can be implemented with buttons or icons and placed as an input or in navbar for even better user experience.

1. Autocomplete

Accessible autocomplete component for vanilla JavaScript and Vue.

Features

  • Accessible, with full support for ARIA attributes and keyboard interactions. Based on the WAI-ARIA Authoring Practices.
  • Available as a JavaScript or Vue component, with React coming soon.
  • Core package available if you want to bring your own rendering layer.
  • Customizable. Easily bring your own CSS, or take full control of the component rendering.
  • Support for asynchronous data fetching.

View Demo

Download Source

2. vue-search-filter

Vue search input with dropdown for more filters.

View Demo

Download Source

3. vue-itunes-album-search-bookmark

A web app (single page application) created with vue,vuex, bulma and buefy using free itunes search api. All bookmarks and settings data are save in localstorage.

View Demo

Download Source

4. vuex-search

Vuex Search is a plugin for searching collections of objects. Search algorithms powered by js-worker-search.

View Demo

Download Source

5. vue innersearch

InnerSearch : Vue.js components for ElasticSearch

An Open Source project created to help developers working with vue.js and Elastic, give them the possibility to create search UIs within the hour.

View Demo

Download Source

6. Vue InstantSearch

Lightning-fast search for Vue.js apps

View Demo

Download Source

7. vue-fuse

A Vue.js pluggin for fuzzy search library, Fuse.js There are two ways to use this plugin. The vue-fuse component, or the $search method. Be sure to take a look at the documentation for both below.

View Demo

Download Source

8. v-autocomplete

Autocomplete component for Vue.js

This component is css-free. The idea is to be used with any framework.

View Demo

Download Source

9. Vue Instant!

vue instant allows you to easily create custom search controls with auto suggestions for your vue 2 applications.

View Demo

Download Source

10. Wikipedia Search with Vue.js

Wikipedia Search with Vue.js BY Jiing H Kueh

View Demo

I hope you like them!

5 Best Note Component for Your Vue.js App

5 Best Note Component for Your Vue.js App

The Note component makes it easy to let your users record notes / comments. Here are the 5 Vue note components that I have collected.

The Note component makes it easy to let your users record notes / comments. Here are the 5 Vue note components that I have collected.

1. Saving Quick Notes with Vue

Saving Quick Notes - Vue, Vuex, Vue Router, Vue Composition API.

View Demo

Download Source

2. tasktracker

Tasktracker is a day planning tool that allows you to track the time spent on tasks and compile a report.

View Demo

Download Source

3. Notes

A memo application developed with vue.

View Demo

Download Source

4. Vuenote

Vuenote is the simplest note app.

View Demo

Download Source

5. Retrospectify

An awesome tool for doing agile team retrospectives digitally. This can be useful when doing retrospectives with remote teams or when you want to keep track of retrospective outcomes over time.

View Demo

Download Source

I hope you like it!