ProductPromotion
Logo

Java.Script

made by https://0x3d.site

GitHub - aidenybai/lucia: ๐Ÿ™‹โ€โ™€๏ธ 3kb library for tiny web apps
๐Ÿ™‹โ€โ™€๏ธ 3kb library for tiny web apps. Contribute to aidenybai/lucia development by creating an account on GitHub.
Visit Site

GitHub - aidenybai/lucia: ๐Ÿ™‹โ€โ™€๏ธ 3kb library for tiny web apps

GitHub - aidenybai/lucia: ๐Ÿ™‹โ€โ™€๏ธ 3kb library for tiny web apps

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 the lucia NPM package name has been transfered to the lucia-auth project.

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 Code Size NPM Version Code Coverage

โ†’ 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, please leave a reply!

-Aiden (@aidenybai)

Installing Lucia

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

<!-- Development version: helpful console tips -->
<script src="https://unpkg.com/lucia"></script>

<!-- Production version: no warnings -->
<script src="https://unpkg.com/lucia/dist/lucia.min.js"></script>

It also integrates well with module bundlers like Webpack or Rollup; we recommend specifying the exact build if you import Lucia this way.

โ†’ Learn more about installing Lucia

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.

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

โ†’ View the live Codepen example

Sponsors

Want your logo here? โ†’ Sponsor Lucia

Resources & Contributing Back

Looking for the docs? Check the Lucia website out.

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

Find a bug? Head over to our issue 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 our Code of Conduct.

โ†’ Start contributing on GitHub

Acknowledgments

Lucia is MIT-licensed open-source software by Aiden Bai et al.

Lucia takes heavy inspiration from Vue's syntax, and believes in the core philosophies and values behind Alpine.js, Dababy, and Remake. 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.

More Resources
to explore the angular.

mail [email protected] to add your project or resources here ๐Ÿ”ฅ.

Related Articles
to learn about angular.

FAQ's
to learn more about Angular JS.

mail [email protected] to add more queries here ๐Ÿ”.

More Sites
to check out once you're finished browsing here.

0x3d
https://www.0x3d.site/
0x3d is designed for aggregating information.
NodeJS
https://nodejs.0x3d.site/
NodeJS Online Directory
Cross Platform
https://cross-platform.0x3d.site/
Cross Platform Online Directory
Open Source
https://open-source.0x3d.site/
Open Source Online Directory
Analytics
https://analytics.0x3d.site/
Analytics Online Directory
JavaScript
https://javascript.0x3d.site/
JavaScript Online Directory
GoLang
https://golang.0x3d.site/
GoLang Online Directory
Python
https://python.0x3d.site/
Python Online Directory
Swift
https://swift.0x3d.site/
Swift Online Directory
Rust
https://rust.0x3d.site/
Rust Online Directory
Scala
https://scala.0x3d.site/
Scala Online Directory
Ruby
https://ruby.0x3d.site/
Ruby Online Directory
Clojure
https://clojure.0x3d.site/
Clojure Online Directory
Elixir
https://elixir.0x3d.site/
Elixir Online Directory
Elm
https://elm.0x3d.site/
Elm Online Directory
Lua
https://lua.0x3d.site/
Lua Online Directory
C Programming
https://c-programming.0x3d.site/
C Programming Online Directory
C++ Programming
https://cpp-programming.0x3d.site/
C++ Programming Online Directory
R Programming
https://r-programming.0x3d.site/
R Programming Online Directory
Perl
https://perl.0x3d.site/
Perl Online Directory
Java
https://java.0x3d.site/
Java Online Directory
Kotlin
https://kotlin.0x3d.site/
Kotlin Online Directory
PHP
https://php.0x3d.site/
PHP Online Directory
React JS
https://react.0x3d.site/
React JS Online Directory
Angular
https://angular.0x3d.site/
Angular JS Online Directory