1# UI Development 2 3- [ArkUI Overview](arkui-overview.md) 4- UI Development with ArkTS-based Declarative Development Paradigm 5 - [Overview](ui-ts-overview.md) 6 - [Declarative UI Development Guidelines](ui-ts-developing-intro.md) 7 - Declarative UI Development Examples 8 - [Creating a Simple Page](ui-ts-creating-simple-page.md) 9 - Building a Comprehensive Example 10 - [Building a Food Data Model](ui-ts-building-data-model.md) 11 - [Building a Food Category List Layout](ui-ts-building-category-list-layout.md) 12 - [Building a Food Category Grid Layout](ui-ts-building-category-grid-layout.md) 13 - [Implementing Page Redirection and Data Transmission](ui-ts-page-redirection-data-transmission.md) 14 - Adding a Splash Screen Animation 15 - [Using the Drawing Feature](ui-ts-drawing-feature.md) 16 - [Using the Animation Feature](ui-ts-animation-feature.md) 17 - [Common Components](ui-ts-components-intro.md) 18 - Common Layout Development 19 - Adaptive Layouts 20 - [Linear Layout](ui-ts-layout-linear.md) 21 - [Statck Layout](ui-ts-layout-stack.md) 22 - [Flex Layout](ui-ts-layout-flex.md) 23 - [Grid Layout](ui-ts-layout-grid.md) 24 - Responsive Layouts 25 - [Grid Layout](ui-ts-layout-grid-container-new.md) 26 - [Media Query](ui-ts-layout-mediaquery.md) 27 - [Custom Component Lifecycle Callbacks](ui-ts-custom-component-lifecycle-callbacks.md) 28 - [Web Component Development](ui-ts-components-web.md) 29 - [Recommendations for Improving Performance](ui-ts-performance-improvement-recommendation.md) 30- UI Development with JavaScript-compatible Web-like Development Paradigm 31 - [Overview](ui-js-overview.md) 32 - Framework Overview 33 - [File Organization](js-framework-file.md) 34 - ["js" Tag](js-framework-js-tag.md) 35 - [app.js](js-framework-js-file.md) 36 - Syntax 37 - [HML](js-framework-syntax-hml.md) 38 - [CSS](js-framework-syntax-css.md) 39 - [JavaScript](js-framework-syntax-js.md) 40 - [Lifecycle](js-framework-lifecycle.md) 41 - [Resource Limitations and Access](js-framework-resource-restriction.md) 42 - [Multi-Language Capability](js-framework-multiple-languages.md) 43 - Building the UI 44 - [Component Overview](ui-js-building-ui-component.md) 45 - Building the Layout 46 - [Layout Description](ui-js-building-ui-layout-intro.md) 47 - [Adding Title and Paragraph Text](ui-js-building-ui-layout-text.md) 48 - [Adding an Image](ui-js-building-ui-layout-image.md) 49 - [Adding a Comment](ui-js-building-ui-layout-comment.md) 50 - [Adding a Container](ui-js-building-ui-layout-external-container.md) 51 - [Adding Interactions](ui-js-building-ui-interactions.md) 52 - [Developing Animations](ui-js-building-ui-animation.md) 53 - [Defining Gesture Events](ui-js-building-ui-event.md) 54 - [Defining Page Routes](ui-js-building-ui-routes.md) 55 - Common Component Development Guidelines 56 - Container Component Development 57 - [List Development](ui-js-components-list.md) 58 - [Dialog Development](ui-js-components-dialog.md) 59 - [Form Development](ui-js-components-form.md) 60 - [Stepper Development](ui-js-components-stepper.md) 61 - [Tabs Development](ui-js-component-tabs.md) 62 - [Swiper Development](ui-js-components-swiper.md) 63 - Basic Component Development 64 - [Text Development](ui-js-components-text.md) 65 - [Input Development](ui-js-components-input.md) 66 - [Button Development](ui-js-components-button.md) 67 - [Picker Development](ui-js-components-picker.md) 68 - [Image Development](ui-js-components-images.md) 69 - [Image-animator Development](ui-js-components-image-animator.md) 70 - [Rating Development](ui-js-components-rating.md) 71 - [Slider Development](ui-js-components-slider.md) 72 - [Chart Development](ui-js-components-chart.md) 73 - [Switch Development](ui-js-components-switch.md) 74 - [Toolbar Development](ui-js-components-toolbar.md) 75 - [Menu Development](ui-js-components-menu.md) 76 - [Marquee Development](ui-js-components-marquee.md) 77 - [Qrcode Development](ui-js-components-qrcode.md) 78 - [Search Development](ui-js-components-search.md) 79 - Canvas Development 80 - [Canvas](ui-js-components-canvas.md) 81 - [CanvasRenderingContext2D](ui-js-components-canvasrenderingcontext2d.md) 82 - [Path2D](ui-js-components-path2d.md) 83 - [OffscreenCanvas](ui-js-components-offscreencanvas.md) 84 - [Grid Container Development](ui-js-components-grid.md) 85 - SVG Development 86 - [Basics](ui-js-components-svg-overview.md) 87 - [Graph Drawing](ui-js-components-svg-graphics.md) 88 - [Path Drawing](ui-js-components-svg-path.md) 89 - [Text Drawing](ui-js-components-svg-text.md) 90 - Animation Development Guidelines 91 - CSS Animation 92 - [Defining Attribute Style Animations](ui-js-animate-attribute-style.md) 93 - [Defining Animations with the transform Attribute](ui-js-animate-transform.md) 94 - [Defining Animations with the background-position Attribute](ui-js-animate-background-position-style.md) 95 - [Defining Animations for SVG Components](ui-js-animate-svg.md) 96 - JS Animation 97 - [Component Animation](ui-js-animate-component.md) 98 - Interpolator Animation 99 - [Animation Effect](ui-js-animate-dynamic-effects.md) 100 - [Animation Frame](ui-js-animate-frame.md) 101 - [Custom Components](ui-js-custom-components.md) 102