Home
Application and Data
Libraries
JavaScript Framework Components

Ant Design vs react-beautiful-dnd

Need advice about which tool to choose?Ask the StackShare community!

Ant Design
1.1K
1.7K
+ 1
221
react-beautiful-dnd
111
84
+ 1
0
Add tool

Ant Design vs react-beautiful-dnd: What are the differences?

What is Ant Design? A set of high-quality React components. An enterprise-class UI design language and React-based implementation. Graceful UI components out of the box, base on React Component. A npm + webpack + babel + dora + dva development framework.

What is react-beautiful-dnd? Beautiful and accessible drag and drop for lists with React (by Atlassian). There are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing react-dnd. It does an incredible job at providing a great set of drag and drop primitives which work especially well with the wildly inconsistent html5 drag and drop feature. react-beautiful-dnd is a higher level abstraction specifically built for vertical and horizontal lists. Within that subset of functionality react-beautiful-dnd offers a powerful, natural and beautiful drag and drop experience. However, it does not provide the breadth of functionality offered by react-dnd.

Ant Design and react-beautiful-dnd can be primarily classified as "JavaScript Framework Components" tools.

Ant Design and react-beautiful-dnd are both open source tools. It seems that Ant Design with 48.5K GitHub stars and 17.1K forks on GitHub has more adoption than react-beautiful-dnd with 15.2K GitHub stars and 831 GitHub forks.

Get Advice from developers at your company using StackShare Enterprise. Sign up for StackShare Enterprise.
Learn More
Pros of Ant Design
Pros of react-beautiful-dnd
  • 47
    Lots of components
  • 33
    Polished and enterprisey look and feel
  • 21
    TypeScript
  • 20
    Easy to integrate
  • 18
    Es6 support
  • 17
    Typescript support
  • 17
    Beautiful and solid
  • 16
    Beautifully Animated Components
  • 15
    Quick Release rhythm
  • 14
    Great documentation
  • 2
    Easy to customize Forms
  • 1
    Opensource and free of cost
    Be the first to leave a pro

    Sign up to add or upvote prosMake informed product decisions

    Cons of Ant Design
    Cons of react-beautiful-dnd
    • 24
      Less
    • 10
      Large File Size
    • 4
      Poor accessibility support
    • 3
      Dangerous to use as a base in component libraries
      Be the first to leave a con

      Sign up to add or upvote consMake informed product decisions

      What is Ant Design?

      An enterprise-class UI design language and React-based implementation. Graceful UI components out of the box, base on React Component. A npm + webpack + babel + dora + dva development framework.

      What is react-beautiful-dnd?

      There are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing react-dnd. It does an incredible job at providing a great set of drag and drop primitives which work especially well with the wildly inconsistent html5 drag and drop feature. react-beautiful-dnd is a higher level abstraction specifically built for vertical and horizontal lists. Within that subset of functionality react-beautiful-dnd offers a powerful, natural and beautiful drag and drop experience. However, it does not provide the breadth of functionality offered by react-dnd.

      Need advice about which tool to choose?Ask the StackShare community!

      What companies use Ant Design?
      What companies use react-beautiful-dnd?
      See which teams inside your own company are using Ant Design or react-beautiful-dnd.
      Sign up for StackShare EnterpriseLearn More

      Sign up to get full access to all the companiesMake informed product decisions

      What tools integrate with Ant Design?
      What tools integrate with react-beautiful-dnd?

      Sign up to get full access to all the tool integrationsMake informed product decisions

      What are some alternatives to Ant Design and react-beautiful-dnd?
      Material-UI
      Material UI is a library of React UI components that implements Google's Material Design.
      Bootstrap
      Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
      Semantic UI
      Semantic empowers designers and developers by creating a shared vocabulary for UI.
      Semantic UI React
      Semantic UI React is the official React integration for Semantic UI. jQuery Free, Declarative API, Shorthand Props, and more.
      Blueprint
      Blueprint is a React UI toolkit for the web. It is optimized for building complex, data-dense web interfaces for desktop applications. If you rely heavily on mobile interactions and are looking for a mobile-first UI toolkit, this may not be for you.
      See all alternatives

      Related Comparisons

      Ant Design vs React CanvasAnt Design vs angular-ganttAnt Design vs React Starter KitAnt Design vs StencilAnt Design vs React Hot Loader

      Trending Comparisons

      Django vs Laravel vs Node.jsBootstrap vs Foundation vs Material-UINode.js vs Spring BootFlyway vs LiquibaseAWS CodeCommit vs Bitbucket vs GitHub

      Top Comparisons

      Bootstrap vs MaterializeBitbucket vs GitHub vs GitLabPostman vs Swagger UIHipChat vs Mattermost vs Slack