# ### 3kb library for tiny web apps. Sometimes, all you want to do is to try and do something—no boilerplate, bundlers, or complex build processes. Lucia aims to provide an augmentation layer for your logic, allowing you to bind attributes to your HTML to add interactivity without writing any extra JavaScript. [![CI](https://img.shields.io/github/workflow/status/aidenybai/lucia/CI?color=7460E1&labelColor=1D1E32&style=flat-square&label=build)](https://img.shields.io/github/workflow/status/aidenybai/lucia) ![Code Size](https://badgen.net/badgesize/brotli/https/unpkg.com/lucia/dist/lucia.min.js?color=7460E1&labelColor=1D1E32&style=flat-square&label=size) ![NPM Version](https://img.shields.io/npm/v/lucia?color=7460E1&labelColor=1D1E32&style=flat-square) ![Code Coverage](https://img.shields.io/coveralls/github/aidenybai/lucia?color=7460E1&labelColor=1D1E32&style=flat-square) [**→ Check out the Lucia Website**](https://lucia.js.org) > Hi! Aiden here, author of Lucia. I hope you find an interesting take on web development and a useful tool for your projects. Lucia is actively looking for new maintainers, please [leave a reply](https://github.com/aidenybai/lucia/discussions/181)! > > -Aiden ([@aidenybai](https://github.com/aidenybai)) ## Installing Lucia Lucia doesn't require build tools by default. Feel free to just drop a [script tag](https://lucia.js.org/docs/fundementals/installation/#cdn) in the head of your webpage. ```html ``` It also integrates well with module bundlers like [Webpack](https://webpack.js.org/) or [Rollup](https://rollupjs.org/); we recommend [specifying the exact build](https://lucia.js.org/docs/fundementals/installation/#npm) if you import Lucia this way. [**→ Learn more about installing Lucia**](https://lucia.js.org/docs/fundementals/installation) ## Todo App Example Below is an extremely simple implementation of a todo app using Lucia, utilizing zero JavaScript. Tasks can be added by submitting the form with the input. No, your eyes aren't fooling you—it's really that simple. ```html