Both antd and Bootstrap are popular libraries that provide ready-to-use components for building website interfaces. Bootstrap is a more traditional and widely-used framework that works well with any project, while Ant Design (antd) is a more modern, React-focused library with a distinct Asian design style. These libraries help developers create good-looking websites without writing all the CSS and components from scratch.
Unable to load comparison data. Please try again later.
A popular React UI library that follows Google's Material Design guidelines. It offers ready-to-use components with a modern look and great customization options.
Like Ant Design and Bootstrap, MUI provides a complete set of pre-built components. It's well documented, has great TypeScript support, and is widely used by companies like NASA and Amazon.
UI Component LibraryA rich set of open source UI components for React. Offers a wide variety of components with built-in themes and professional support options.
Similar to Ant Design in terms of component variety, but with a different design approach. It's particularly good for business applications and offers excellent DataTable components.
UI Component LibraryA simple and modern React component library with a focus on accessibility and ease of use. It provides building blocks that help create clean and professional-looking websites quickly.
Perfect alternative for those who want something lighter than Ant Design but more structured than Bootstrap. It's newer but growing fast, with excellent documentation and developer experience.
UI Component LibraryA modern CSS framework based on Flexbox. It's similar to Bootstrap but more lightweight and doesn't require JavaScript. Perfect for simple, clean designs.
Great Bootstrap alternative when you want something simpler and more modern. It's easier to learn and customize, while still providing all the essential components for building websites.
CSS FrameworkA utility-first CSS framework that lets you build custom designs without leaving your HTML. Instead of pre-built components, it gives you small building blocks to create your own designs.
While different from Bootstrap's component-based approach, it's becoming the go-to choice for custom designs. It offers more flexibility than Bootstrap while still providing a solid foundation.
CSS FrameworkAn enterprise-class UI design language and React UI library.
Changelog · Report Bug · Request Feature · English · 中文
| <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="Edge" width="24px" height="24px" /><br>Edge | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" /><br>Firefox | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" /><br>Chrome | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" /><br>Safari | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" /><br>Electron | | --- | --- | --- | --- | --- | | Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
npm install antd
yarn add antd
pnpm add antd
bun add antd
import { Button, DatePicker } from 'antd'; export default () => ( <> <Button type="primary">PRESS ME</Button> <DatePicker placeholder="select date" /> </> );
Use opensumi.run, a free online pure front-end dev environment.
Or clone locally:
$ git clone git@github.com:ant-design/ant-design.git $ cd ant-design $ npm install $ npm start
Open your browser and visit http://127.0.0.1:8001, see more at Development.
Let's build a better antd together.
We warmly invite contributions from everyone. Before you get started, please take a moment to review our Contribution Guide. Feel free to share your ideas through Pull Requests or GitHub Issues. If you're interested in enhancing our codebase, explore the Development Instructions and enjoy your coding journey! :)
For collaborators, adhere to our Pull Request Principle and utilize our Pull Request Template when creating a Pull Request.
We use Issuehunt to up-vote and promote specific features that you would like to see and implement. Check our backlog and help us:
H5 Page Maker, H5 Editor, LowCode. Make H5 as easy as building blocks. | 让H5制作像搭积木一样简单, 轻松搭建H5页面, H5网站, PC端网站,LowCode平台.
Angular UI Component Library based on Ant Design
Free and easy-to-use admin template based on React 17+
G6VP is an online visual analysis tool for graphs and a low-code platform for building graph applications.
Delon is a set of essential modules for ng-alain. https://github.com/ng-alain/ng-alain/issues
BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.
Prototyping Tool For Vue Devs 适用于Vue的原型工具
A suite of packages designed to provide low-level APIs for interoperable libraries.
Our optimized Rails templates used in our projects
This app calculates how much a distant object is obscured by the earth's curvature.