# Form Kit（卡片开发服务）<!--form-kit-->
<!--Kit: Form Kit-->
<!--Subsystem: Ability-->
<!--Owner: @cx983299475-->
<!--Designer: @xueyulong-->
<!--Tester: @chenmingze-->
<!--Adviser: @Brilliantry_Rui-->
- [Form Kit简介](formkit-overview.md)
- ArkTS卡片开发（推荐）<!--arkts-ui-->
  - [ArkTS卡片概述](arkts-form-overview.md)
  - [创建ArkTS卡片](arkts-ui-widget-creation.md)
  - [配置ArkTS卡片的配置文件](arkts-ui-widget-configuration.md)
  - [管理ArkTS卡片生命周期](arkts-ui-widget-lifecycle.md)
  - [ArkTS卡片进程模型](arkts-ui-widget-process.md)
  - ArkTS卡片提供方开发指导<!--arkts-ui-widget-->
    - ArkTS卡片UI界面开发<!--arkts-ui-widget-page-->
      - [ArkTS卡片界面开发概述](arkts-ui-widget-page-overview.md)
      - [ArkTS卡片为组件添加动效](arkts-ui-widget-page-animation.md)
      - [ArkTS卡片使用画布组件绘制自定义图形](arkts-ui-widget-page-custom-drawing.md)
      - [ArkTS卡片界面适配深浅色模式](arkts-ui-widget-dark-light-color-adapt.md)
    - ArkTS卡片页面刷新<!--arkts-ui-widget-interaction-->
      - [ArkTS卡片页面刷新概述](arkts-ui-widget-interaction-overview.md)
      - [ArkTS卡片主动刷新](arkts-ui-widget-active-refresh.md)
      - [ArkTS卡片被动刷新](arkts-ui-widget-passive-refresh.md)
      <!--Del-->
      - [卡片代理刷新](arkts-ui-widget-update-by-proxy.md)
      <!--DelEnd-->
      - [刷新本地图片和网络图片](arkts-ui-widget-image-update.md)
      - [根据卡片状态刷新不同内容](arkts-ui-widget-update-by-status.md)
    - ArkTS卡片页面交互<!--arkts-ui-widget-event-->
      - [ArkTS卡片页面交互概述](arkts-ui-widget-event-overview.md)
      - [卡片跳转到应用页面（router事件）](arkts-ui-widget-event-router.md)
      - [卡片拉起应用UIAbility到后台（call事件）](arkts-ui-widget-event-call.md)
      - [卡片传递消息给应用（message事件）](arkts-ui-widget-event-formextensionability.md)
      - [通过router或call事件刷新卡片内容](arkts-ui-widget-event-uiability.md)
    - ArkTS卡片编辑<!--arkts-ui-widget-edit-->
      - [ArkTS卡片编辑概述](arkts-ui-widget-event-formeditextensionability-overview.md)
      - [卡片编辑开发指导](arkts-ui-widget-event-formeditextensionability.md)
    - 应用内请求卡片加桌<!--arkts-ui-widget-add-->
      - [应用内拉起卡片管理加桌](arkts-ui-widget-open-formmanager.md)
  <!--Del-->
  - [ArkTS卡片使用方开发指导（仅对系统应用开放）](widget-host-development-guide.md)
  <!--DelEnd-->
  - 互动卡片开发<!--arkts-ui-liveform-->
    - [互动卡片概述](arkts-ui-liveform-overview.md)
    - [趣味交互类型互动卡片开发指导](arkts-ui-liveform-funinteraction-development.md)
    - 场景动效类型互动卡片<!--arkts-ui-liveform-sceneanimation-->
      - [场景动效类型互动卡片概述](arkts-ui-liveform-sceneanimation-overview.md)
      - [场景动效类型互动卡片开发指导](arkts-ui-liveform-sceneanimation-development.md)
      <!--Del-->
      - [场景动效类型互动卡片开发指导（系统应用）](arkts-ui-liveform-sceneanimation-development-sys.md)
      <!--DelEnd-->
- JS卡片开发<!--form-js-ui-->
  - [JS卡片概述](js-ui-widget-overview.md)
  - [JS卡片开发指导（Stage模型）](js-ui-widget-development.md)
  - [JS卡片开发指导（FA模型）](widget-development-fa.md)