Skip to content
master
Go to file
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

Lucia Logo

Lucia is a tiny JavaScript library for building web apps.

  • Declarative: Lucia provides a declarative API similar to Vue/Alpine to create views, making development predictable and intuitive through markup-centric code.
  • Reactive: When the view is changed, the internal reference Virtual DOM will automatically react and will update and render the new view in realtime.
  • Lightweight: Lucia is extremely light and performant as it does not use a traditional Virtual DOM, rather it renders directives only if necessary by skipping static nodes through element references.

TravisCI Build Code Size NPM Version GitHub license PRs Welcome Code Coverage

Installation

Lucia is currently is installable through a CDN and also supports UMD (ES Module, CommonJS, IIFE). Put this within your <head> tags in HTML.

<script src="https://unpkg.com/lucia"></script>

If you are using a module bunder like Webpack or Rollup:

npm install lucia

For more details, see the Installation docs page.

Documentation

The Lucia docs are located at https://lucia.js.org:

Example

Below is an example of a clicker game in Lucia. No, your eyes aren't fooling you - it's really that simple.

<div l-init="{ count: 0 }">
  <button l-text="this.count" l-on:click="++this.count">0</button>
</div>

View the live example here

Similar Projects

It should be noted that Lucia should not be implemented in all use cases. Lucia aims to tackle projects that need to be quickly implemented. This means if you're looking for something production-ready and has a API similar to Lucia, check these projects out!

  • Vue - A progressive, incrementally-adoptable JavaScript framework for building UI on the web.
  • Alpine - A rugged, minimal framework for composing JavaScript behavior in your markup.
  • Remake - Create interactive web apps with just HTML.
  • Stimulus - A modest JavaScript framework for the HTML you already have.
  • Mavo - Create web applications entirely by writing HTML and CSS!

Contributing

Refer to the CONTRIBUTING.md file for instructions.

License

Lucia is MIT licensed.

\_ヘ(◕‿◕ ✰)

You can’t perform that action at this time.