# Form Kit<!--form-kit-->
- [Introduction to Form Kit](formkit-overview.md)
- ArkTS Widget Development (Recommended)<!--arkts-ui-->
  - [ArkTS Widget Overview](arkts-form-overview.md)
  - [Creating an ArkTS Widget](arkts-ui-widget-creation.md)
  - [Configuring ArkTS Widget Configuration Files](arkts-ui-widget-configuration.md)
  - [Managing ArkTS Widget Lifecycle](arkts-ui-widget-lifecycle.md)
  - [ArkTS Widget Process Model](arkts-ui-widget-process.md)
  - ArkTS Widget Provider Development<!--arkts-ui-widget-->
    - ArkTS Widget UI Development<!--arkts-ui-widget-page-->
      - [Overview of ArkTS Widget UI Development](arkts-ui-widget-page-overview.md)
      - [Using Animations in ArkTS Widgets](arkts-ui-widget-page-animation.md)
      - [Using Canvas in ArkTS Widgets](arkts-ui-widget-page-custom-drawing.md)
    - ArkTS Widget Update<!--arkts-ui-widget-interaction-->
      - [Overview of ArkTS Widget Update](arkts-ui-widget-interaction-overview.md)
      - [Active Update of ArkTS Widgets](arkts-ui-widget-active-refresh.md)
      - [Passive Update of ArkTS Widgets](arkts-ui-widget-passive-refresh.md)
      <!--Del-->
      - [Updating Widget Content Through a Proxy](arkts-ui-widget-update-by-proxy.md)
      <!--DelEnd-->
      - [Updating Local and Online Images in the Widget](arkts-ui-widget-image-update.md)
      - [Updating Widget Content by State](arkts-ui-widget-update-by-status.md)
    - ArkTS Widget Page Interaction<!--arkts-ui-widget-event-->
      - [Overview of ArkTS Widget Page Interaction](arkts-ui-widget-event-overview.md)
      - [Redirecting to an Application Page (router Event)](arkts-ui-widget-event-router.md)
      - [Launching UIAbility to the Background (call Event)](arkts-ui-widget-event-call.md)
      - [Transferring Messages to an Application (message Event)](arkts-ui-widget-event-formextensionability.md)
      - [Updating Widget Content Through the router or call Event](arkts-ui-widget-event-uiability.md)
    - ArkTS Widget Editing<!--arkts-ui-widget-edit-->
      - [Overview of ArkTS Widget Editing](arkts-ui-widget-event-formeditextensionability-overview.md)
      - [Widget Editing Development](arkts-ui-widget-event-formeditextensionability.md)
    - Widget Addition to Home Screen<!--arkts-ui-widget-add-->
      - [Adding Widgets to the Home Screen](arkts-ui-widget-open-formmanager.md)
  <!--Del--> 
  - [ArkTS Widget Host Development (for System Applications Only)](widget-host-development-guide.md)
  <!--DelEnd-->
  - Interactive Widget Development<!--arkts-ui-liveform-->
    - [Overview of Interactive Widgets](arkts-ui-liveform-overview.md)
    - [Developing a Fun-based Widget](arkts-ui-liveform-funinteraction-development.md)
    - Scene-based Widget<!--arkts-ui-liveform-sceneanimation-->
      - [Overview of Scene-based Widgets](arkts-ui-liveform-sceneanimation-overview.md)
      - [Developing a Scene-based Widget](arkts-ui-liveform-sceneanimation-development.md)
      <!--Del-->
      - [Developing a Scene-based Widget (for System Applications)](arkts-ui-liveform-sceneanimation-development-sys.md)
      <!--DelEnd-->
- JS Widget Development<!--form-js-ui-->
  - [JS Widget Overview](js-ui-widget-overview.md)
  - [Developing a JS Widget (Stage Model)](js-ui-widget-development.md)
  - [Developing a JS Widget (FA Model)](widget-development-fa.md)