Framework7：做原生感移动界面的跨平台框架

Framework7 是专门做「原生感」移动端界面的框架：自带 iOS 与 Material Design 两套主题，按平台自动套用，列表、下拉刷新、侧滑菜单、手势等组件贴近原生 App 的交互习惯。

它解决什么问题

移动 Web 或混合 App 想要「看起来像原生 App」，普通组件库的原生细节不够。

有些框架既管 UI 又管原生插件，过重；只想做好界面的人用着累。

核心能力

和 Ionic 的关键区别

Framework7 只管「界面与交互」，不提供原生插件体系；要做能调硬件、上架商店的混合 App，需要自己接 Cordova 或 Capacitor。Ionic 则把这套原生链路一并给了。

所以 Framework7 更适合追求原生观感、又不想被整套原生框架绑住的移动 Web 或轻量混合应用。要深度原生能力，Ionic 或 Capacitor 方案更顺。

同类工具怎么选

谁适合用

• 做移动 Web / 轻量混合应用、追求原生观感的团队
• 想要 iOS / Material 双主题自动切换的产品
• 只需要做好界面、原生能力自行接入的开发者

怎么开始

1. 用 Framework7 CLI 创建项目，选原生 JS 或 Vue / React 版本。
2. 在配置里设好 iOS / Material 主题与自动切换规则。
3. 用框架的页面与路由搭移动界面结构。
4. 下拉刷新、侧滑菜单等组件直接调用，无需额外依赖。
5. 若需原生能力，自行接入 Cordova / Capacitor 并配置权限。

常见问题

和 Ionic 怎么选？
只要原生观感、界面为主选 Framework7；要原生插件与上架链路选 Ionic。

能上架应用商店吗？
纯 Framework7 是 Web 应用，要上架需自接 Cordova / Capacitor 打包。

支持哪些框架？
有 Vue / React / Svelte 组件版，也有独立使用的原生 JS 版。

授权与合规

Framework7 采用 MIT 协议开源，可用于商业产品；闭源分发无限制，仅须保留版权声明。它不提供原生插件体系，原生能力需自行接入 Cordova / Capacitor。 官网：framework7.io。