ant-design-mobile README

The project's README from github.com/ant-design/ant-design-mobile. As one markdown file: README.md.

logo

Ant Design Mobile

Essential UI blocks for building mobile web apps.

npm (tag) GitHub Release Date npm npm jsdelivr gzip size Commit Activity Issues help wanted GitHub Workflow Status (branch) codecov GitHub

English Doc · 中文文档 · Discord · 钉钉

$ npm install antd-mobile
# or
$ yarn add antd-mobile
# or
$ pnpm add antd-mobile
# or
$ bun add antd-mobile

You can also play with antd-mobile just in browser with Codesandbox. No need to prepare development environment.

If you found bugs or would like to request some new features, please consider opening an issue.

If you have some questions about how to use ant-mobile, you can start a discussion thread.


🤝 Contributing

Thanks to all the contributors of antd-mobile:

Contribution Leaderboard contributors

ant-design-mobile (ant-design/ant-design-mobile)

Searching Database…

这是什么?Ant Design Mobile 是一个 React 组件库,为构建移动端网页应用提供必备的界面模块。
这是框架还是组件库?它是组件库:一组现成的 React 组件(按钮、表单、选择器等),可以直接放进你自己的应用里使用,而不是完整的框架。
怎么把它加到项目里?从 npm 安装,然后在你的 React 项目中导入需要的组件即可;它的设计规范也基于 antd,如果你用过 Ant Design,会觉得很熟悉。
我需要先配置好 React 吗?需要,它基于 React 构建,底层依赖 rc-field-form、dayjs、ahooks 等配套库。
不做任何配置也能用吗?可以,它设计为开箱即用,无需额外配置,同时保持较小的打包体积。
这是给原生移动应用用的,还是给移动端网页用的?它用于在浏览器中渲染的移动端网页(即“移动端网页应用”),不适用于原生 iOS/Android 应用。
不搭建开发环境也能试用吗?可以,README 中附有一个 Codesandbox 演示环境,你可以直接在浏览器里体验 antd-mobile。
主题定制的灵活性如何?主题基于 CSS 变量实现,因此你可以调整组件外观,或可靠、高效地制作自定义主题。
在触屏设备上操作流畅吗?流畅,该库注重顺滑的手势操作和细腻的动画效果,旨在打造精致的移动端体验。
这些组件的“Atomic”是什么意思?每个组件只负责做好一件事,不多不少,让组件职责单一、行为可预期。
Creator
ant-design
Size
166.6 MB
Stars
12.1K
Age
10y
Commits · 90 Days