Top 10 Best Vue Todo Component for Your App

Vue Todo is a component that helps users manage and find ways to do the work you want to do.

Below is a collection of 10 Vue todo components created for websites and mobile apps.

1. vue-composition-api-talk

This is the example code for a talk I did on the Vue Composition API. It’s a simple Todo list app using Vue 3’s composition API. Here’s an image of the final product:

vue-composition

Download: https://github.com/toastking/vue-composition-api-todo/archive/master.zip


2. todolist

Todo app made by studying Vue.js

  • Enter / edit / delete tasks
  • Save task (LocalStorage)
  • Switch task status in 3 steps (Todo / In Progress / Done)
  • Sort list

todolist

Demo: https://skysan87.github.io/vue-todolist/

Download: https://github.com/skysan87/vue-todolist/archive/master.zip


3. buefy-todo

This repo is a todo app using Vue and the Buefy framework. If you want to play around or get some easy open source experience, feel free to submit a PR!

buefy-todo

Demo: https://buefy-todo.netlify.com/

Download: https://github.com/Owlnofeathers/todo/archive/master.zip


4. vue-todo

Advanced To-Do List Application built with Vue.js.

vue-todo

Demo: https://trusting-keller-2dcd71.netlify.com/

Download: https://github.com/ayazsayyed/vue-todo/archive/master.zip


5. Vue.js Todo list

Learning how to create a basic todo list style single page web application using the very popular Vue.js JavaScript framework. It uses local storage for persistent data.

Vue.js Todo list

Demo: https://codepen.io/Laosing/pen/YozzYN


6. pawaTask

A simple todo list application that keeps track of your time.

pawaTask

Download: https://github.com/azdanov/pawa-task/archive/master.zip


7. Vue-Tailwind Todos

A simple todo list created using vuejs and tailwindcss.

Vue-Tailwind Todos

Demo: https://codepen.io/nmoore1407/pen/EGrqeL


8. To-Do-List

A simple to-do list app created with only Vue.js! The todos added in this app is stored in localStorage, so it doesnt matter whether if the webpage is refreshed or even closed, the data will still gonna be there. Try it live on https://dist-qybefekkix.now.sh

To-Do-List

Demo: https://dist-qybefekkix.now.sh/

Download: https://github.com/Daivasmara/To-Do-List/archive/master.zip


9. VueTodo

A Simple Todo app built with vue.js.

VueTodo

Demo: https://niteshkumarniranjan.github.io/vue-todo/

Download: https://github.com/niteshkumarniranjan/vue-todo/archive/master.zip


10. Vue.js TodoMVC Example

Vue.js is a library for building interactive web interfaces. It provides data-driven, nestable view components with a simple and flexible API.

TodoMVC

Demo: https://codepen.io/togglelt/pen/XmyXdZ

#vuejs #javascript #vue-js

Top 10 Best Vue Todo Component for Your App
62.65 GEEK