TodoWidget icon indicating copy to clipboard operation
TodoWidget copied to clipboard

Add todo lists to your website in seconds!

TodoWidget

upload.express logo

The web does not have enough Todo app implementations. Here's the one I built using web components.

Install & Use

  1. Add the following line at the end of your HTML document and
<script type="text/javascript" src="https://unpkg.com/[email protected]/dist/todo-widget.min.js"></script>
  1. Initiate the list
<todo-list>
  <list-item done>Clean the bedroom</list-item>
  <list-item>Watch a movie</list-item>
</todo-list>
  1. ...

  2. Profit!

Tutorial

If you want to learn more about web components, I wrote two tutorials that will teach you more about them:

Part 1 Part 2