1 # JavaScript-compatible Web-like Development Paradigm (ArkUI.Lite)
2 
3 - Framework Overview
4   - [File Organization](js-lite-framework-file.md)
5   - ["js" Tag](js-lite-framework-js-tag.md)
6   - [app.js](js-lite-framework-js-file.md)
7   - [Lifecycle](js-lite-framework-lifecycle.md)
8   - [Multi-Language Capability](js-lite-framework-localization.md)
9   - Syntax
10     - [HML](js-lite-framework-syntax-hml.md)
11     - [CSS](js-lite-framework-syntax-css.md)
12     - [JavaScript](js-lite-framework-syntax-js.md)
13 - Universal Component Information
14   - [Universal Events](js-lite-common-events.md)
15   - [Universal Attributes](js-lite-common-attributes.md)
16   - [Universal Styles](js-lite-common-styles.md)
17   - [Animation Styles](js-lite-components-common-animation.md)
18   - [Media Query](js-lite-components-common-mediaquery.md)
19 - Container Components
20   - [div](js-lite-components-container-div.md)
21   - [list](js-lite-components-container-list.md)
22   - [list-item](js-lite-components-container-list-item.md)
23   - [stack](js-lite-components-container-stack.md)
24   - [swiper](js-lite-components-container-swiper.md)
25 - Basic Components
26   - [chart](js-lite-components-basic-chart.md)
27   - [image](js-lite-components-basic-image.md)
28   - [image-animator](js-lite-components-basic-image-animator.md)
29   - [input](js-lite-components-basic-input.md)
30   - [marquee](js-lite-components-basic-marquee.md)
31   - [picker-view](js-lite-components-basic-picker-view.md)
32   - [progress](js-lite-components-basic-progress.md)
33   - [qrcode](js-lite-components-basic-qrcode.md)
34   - [slider](js-lite-components-basic-slider.md)
35   - [switch](js-lite-components-basic-switch.md)
36   - [text](js-lite-components-basic-text.md)
37 - Canvas Components
38   - [canvas](js-lite-components-canvas-canvas.md)
39   - [CanvasRenderingContext2D](js-lite-components-canvas-canvasrenderingcontext2d.md)