Repository files navigation

The Lucia.js project is no longer maintained or usable, this repository serves as an archive for the source code. If you used Lucia.js, thank you for trying our the library in your projects. I hope this repository serves as a useful learning tool for others in the future.Note that thelucia NPM package name has been transfered to thelucia-auth project.

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.

→ Check out the Lucia Website

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, pleaseleave a reply!

-Aiden (@aidenybai)

Lucia doesn't require build tools by default. Feel free to just drop ascript tag in the head of your webpage.

<!-- Development version: helpful console tips --><scriptsrc="https://unpkg.com/lucia"></script><!-- Production version: no warnings --><scriptsrc="https://unpkg.com/lucia/dist/lucia.min.js"></script>

It also integrates well with module bundlers likeWebpack orRollup; we recommendspecifying the exact build if you import Lucia this way.

→ Learn more about installing Lucia

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.

<divl-state="{ value: '', todo: [] }"><!-- oninput: set `value` to input.value --><inputl-model="value"/><!-- onclick: add the current `value` to the `todo` array --><button@click="todo.push(value)">Create</button><!-- joins `todo` array together --><ull-for="task in todo"><lil-text="this.task"></li></ul></div>

→ View the live Codepen example

Want your logo here?→ Sponsor Lucia

Looking for the docs? Check theLucia website out.

Have a question about Lucia? Post it on theGitHub Discussions and ask the community for help.

Find a bug? Head over to ourissue tracker and we'll do our best to help. We love pull requests, too!

We expect all Lucia contributors to abide by the terms of ourCode of Conduct.

→ Start contributing on GitHub

Lucia isMIT-licensed open-source software byAiden Baiet al.

Lucia takes heavy inspiration fromVue's syntax, and believes in the core philosophies and values behindAlpine.js,Dababy, andRemake. Feel free to check them out if you interested in an alternative library to use.

Lucia originates from the Latin word "lux", meaning "light, illuminance"

© 2020-2021 Aiden Bai.