12.1K ·GitHub
What is this?
Ant Design Mobile is a React component library that provides essential UI blocks for building mobile web apps.
Ant Design Mobile is a React component library that provides essential UI blocks for building mobile web apps.Is this a framework or a component library?It's a component library: a set of ready-made React components (buttons, forms, pickers, etc.) you drop into your own app, not a full framework.
It's a component library: a set of ready-made React components (buttons, forms, pickers, etc.) you drop into your own app, not a full framework.How do I add it to a project?Install it from npm and import the components you need into your React project; it's also based on antd's design conventions so it feels familiar if you've used Ant Design.
Install it from npm and import the components you need into your React project; it's also based on antd's design conventions so it feels familiar if you've used Ant Design.Do I need React set up first?Yes, it's built on React and relies on peer libraries like rc-field-form, dayjs, and ahooks under the hood.
Yes, it's built on React and relies on peer libraries like rc-field-form, dayjs, and ahooks under the hood.Does it work without any configuration?Yes, it's designed to work out of the box with no configuration needed while still keeping bundle size small.
Yes, it's designed to work out of the box with no configuration needed while still keeping bundle size small.Is this for native mobile apps or mobile web pages?It's for mobile web pages rendered in a browser (a 'mobile web app'), not native iOS/Android apps.
It's for mobile web pages rendered in a browser (a 'mobile web app'), not native iOS/Android apps.Can I try it without setting up a dev environment?Yes, there's a Codesandbox playground linked in the README so you can experiment with antd-mobile directly in the browser.
Yes, there's a Codesandbox playground linked in the README so you can experiment with antd-mobile directly in the browser.How customizable is the theming?Theming is based on CSS variables, so you can adjust component appearance or build custom themes reliably and efficiently.
Theming is based on CSS variables, so you can adjust component appearance or build custom themes reliably and efficiently.Does it feel smooth on touch devices?Yes, the library emphasizes smooth gestures and delicate animations aimed at a polished mobile UX.
Yes, the library emphasizes smooth gestures and delicate animations aimed at a polished mobile UX.What does 'Atomic' mean for these components?Each component is scoped to do exactly one job - no more, no less - keeping components focused and predictable.
Each component is scoped to do exactly one job - no more, no less - keeping components focused and predictable.What are similar projects?formily, ant-design, ant-design-vue, rare-ui, chakra-ui, react-slick, ant-design-pro, reactstrap
formily, ant-design, ant-design-vue, rare-ui, chakra-ui, react-slick, ant-design-pro, reactstrapWhich topics is it in?ant-design, antd, react-components, responsive, reactjs, component-library, ui-components, css, mobile, ui, web-app, react
ant-design, antd, react-components, responsive, reactjs, component-library, ui-components, css, mobile, ui, web-app, react