---
title: "LemonadeJS v5 Documentation (archive)"
description: "Archived documentation for LemonadeJS v5, the last release before the v6 engine. See the upgrade guide for the migration map."
source: https://lemonadejs.com/docs/v5/
---

# Documentation

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

### Useful

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

## Libraries

### Pico Library

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

### Components

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


## Examples

### Simple Examples

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


 ### Advanced Examples

* [Hangman game](/docs/v5/examples/hangman/)
* [Tic tac toe](/docs/v5/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.