title: LemonadeJS Documentation
keywords: LemonadeJS, two-way data binding, frontend, javascript library, Reactive, React, Vue, Angular, micro library
description: Discover more about LemonadeJS and how can help you build faster applications.
canonical: https://lemonadejs.com/docs

# Documentation

{.small}
LemonadeJS is about 5 KBytes Compressed

LemonadeJS is a micro-reactive JavaScript library that empowers developers to create platform-agnostic components and applications. It is open-source and available under the MIT license.

## Index

### Documentation

* [Getting started](/docs/getting-started)
* [Upgrades](/docs/upgrades)
* [Quick reference](/docs/quick-reference)
* [Changelog](/docs/changelog)
* [Introduction](/docs/intro)
* [Components](/docs/components)
* [Props](/docs/props)
* [Events](/docs/events)
* [Onload](/docs/onload)
* [Onchange](/docs/onchange)
* [State](/docs/state)
* [References](/docs/references)
* [Ready](/docs/ready)
* [Two-way data binding](/docs/two-way-data-binding)
* [Render](/docs/render)
* [Forms](/docs/forms)
* [Arrays](/docs/arrays)
* [Sugar](/docs/sugar)
* [Testing](/docs/tests)
* [Methods](/docs/methods)
* [Classes](/docs/classes)
* [Web-components](/docs/web-components)
* [Module (ESM](/docs/module)

### Useful

* [Playground](/playground)
* [Quick reference](/docs/quick-reference)
* [Debugging](/docs/debugging)
* [Contributing](/docs/contributions)

## Libraries

### Pico Library

* [List](/docs/plugins/list)
* [Rating](/docs/plugins/rating)
* [Router](/docs/plugins/router)
* [Signature](/docs/plugins/signature)

### Components

* [Data grid](/docs/plugins/data-grid)
* [Modal](/docs/plugins/modal)
* [Calendar](/docs/plugins/calendar)
* [Dropdown](/docs/plugins/dropdown)
* [Color picker](/docs/plugins/color-picker)
* [Timeline](/docs/plugins/timeline)
* [Context Menu](/docs/plugins/context-menu)
* [Tabs](/docs/plugins/tabs)
* [Top Menu](/docs/plugins/top-menu)
* [Image cropper](/docs/plugins/image-cropper)
* [Switch](/docs/plugins/switch)


## Examples

### Simple Examples

* [Lamp](/docs/examples/lamp)
* [Counter](/docs/examples/counter)
* [Color generator](/docs/examples/color-generator)
* [Value persistence](/docs/examples/value-persistence)
* [DIV onresize](/docs/examples/div-onresize)
* [Star rating](/docs/examples/rating)
* [Table](/docs/examples/table)
* [Disable elements](/docs/examples/enable-disable-elements)
* [Color picker](/docs/examples/color-picker)


 ### Advanced Examples

* [Hangman game](/docs/examples/hangman)
* [Tic tac toe](/docs/examples/tic-tac-toe)

## Featured

### Other JavaScript tools

* [Jspreadsheet Pro](https://jspreadsheet.com)
* [Jspreadsheet CE](https://bossanova.uk/jspreadsheet/ce)
* [jSuites](https://jsuites.net)


### Jspreadsheet Pro

Create great **JavaScript data grids** with spreadsheet controls using Jspreadsheet Pro.

More about the Jspreadsheet [JavaScript Data Grid](https://jspreadsheet.com) component.