#  JavaScript-compatible Web-like Development Paradigm

-   Universal Component Information
    - [Universal Attributes](js-components-common-attributes.md)
    - [Universal Styles](js-components-common-styles.md)
    - [Universal Events](js-components-common-events.md)
    - [Universal Methods](js-components-common-methods.md)
    - [Animation Styles](js-components-common-animation.md)
    - [Gradient Styles](js-components-common-gradient.md)
    - [Transition Styles](js-components-common-transition.md)
    - [Media Query](js-components-common-mediaquery.md)
    - [Custom Font Styles](js-components-common-customizing-font.md)
    - [Atomic Layout](js-components-common-atomic-layout.md)
-   Container Components
    - [badge](js-components-container-badge.md)
    - [dialog](js-components-container-dialog.md)
    - [div](js-components-container-div.md)
    - [form](js-components-container-form.md)
    - [list](js-components-container-list.md)
    - [list-item](js-components-container-list-item.md)
    - [list-item-group](js-components-container-list-item-group.md)
    - [panel](js-components-container-panel.md)
    - [popup](js-components-container-popup.md)
    - [refresh](js-components-container-refresh.md)
    - [stack](js-components-container-stack.md)
    - [stepper](js-components-container-stepper.md)
    - [stepper-item](js-components-container-stepper-item.md)
    - [swiper](js-components-container-swiper.md)
    - [tabs](js-components-container-tabs.md)
    - [tab-bar](js-components-container-tab-bar.md)
    - [tab-content](js-components-container-tab-content.md)
-   Basic Components
    - [button](js-components-basic-button.md)
    - [chart](js-components-basic-chart.md)
    - [divider](js-components-basic-divider.md)
    - [image](js-components-basic-image.md)
    - [image-animator](js-components-basic-image-animator.md)
    - [input](js-components-basic-input.md)
    - [label](js-components-basic-label.md)
    - [marquee](js-components-basic-marquee.md)
    - [menu](js-components-basic-menu.md)
    - [option](js-components-basic-option.md)
    - [picker](js-components-basic-picker.md)
    - [picker-view](js-components-basic-picker-view.md)
    - [piece](js-components-basic-piece.md)
    - [progress](js-components-basic-progress.md)
    - [qrcode](js-components-basic-qrcode.md)
    - [rating](js-components-basic-rating.md)
    - [richtext](js-components-basic-richtext.md)
    - [search](js-components-basic-search.md)
    - [select](js-components-basic-select.md)
    - [slider](js-components-basic-slider.md)
    - [span](js-components-basic-span.md)
    - [switch](js-components-basic-switch.md)
    - [text](js-components-basic-text.md)
    - [textarea](js-components-basic-textarea.md)
    - [toolbar](js-components-basic-toolbar.md)
    - [toolbar-item](js-components-basic-toolbar-item.md)
    - [toggle](js-components-basic-toggle.md)
    - [web](js-components-basic-web.md)
    - [xcomponent](js-components-basic-xcomponent.md)
-   Media Components
    - [video](js-components-media-video.md)
-   Canvas Components
    - [canvas](js-components-canvas-canvas.md)
    - [CanvasRenderingContext2D](js-components-canvas-canvasrenderingcontext2d.md)
    - [Image](js-components-canvas-image.md)
    - [CanvasGradient](js-components-canvas-canvasgradient.md)
    - [ImageData](js-components-canvas-imagedata.md)
    - [Path2D](js-components-canvas-path2d.md)
    - [ImageBitmap](js-components-canvas-imagebitmap.md)
    - [OffscreenCanvas](js-components-canvas-offscreencanvas.md)
    - [OffscreenCanvasRenderingContext2D](js-offscreencanvasrenderingcontext2d.md)
-   Grid Components
    - [Basic Concepts](js-components-grid-basic-concepts.md)
    - [grid-container](js-components-grid-container.md)
    - [grid-row](js-components-grid-row.md)
    - [grid-col](js-components-grid-col.md)
-   SVG Components
    - [Universal Attributes](js-components-svg-common-attributes.md)
    - [svg](js-components-svg.md)
    - [rect](js-components-svg-rect.md)
    - [circle](js-components-svg-circle.md)
    - [ellipse](js-components-svg-ellipse.md)
    - [path](js-components-svg-path.md)
    - [line](js-components-svg-line.md)
    - [polyline](js-components-svg-polyline.md)
    - [polygon](js-components-svg-polygon.md)
    - [text](js-components-svg-text.md)
    - [tspan](js-components-svg-tspan.md)
    - [textPath](js-components-svg-textpath.md)
    - [animate](js-components-svg-animate.md)
    - [animateMotion](js-components-svg-animatemotion.md)
    - [animateTransform](js-components-svg-animatetransform.md)


-   Custom Components
    - [Basic Usage](js-components-custom-basic-usage.md)
    - [Style Inheritance](js-components-custom-style.md)
    - [Custom Events](js-components-custom-events.md)
    - [props](js-components-custom-props.md)
    - [Event Parameter](js-components-custom-event-parameter.md)
    - [slot](js-components-custom-slot.md)
    - [Lifecycle Definition](js-components-custom-lifecycle.md)
-   [Data Type Attributes](js-appendix-types.md)