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

Ant Design

1.2K
1.6K
+ 1
221
React Canvas

11
49
+ 1
0
Add tool

Ant Design vs React Canvas: What are the differences?

Developers describe Ant Design as "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. On the other hand, React Canvas is detailed as "High performance canvas rendering for React components, developed by Flipboard". React Canvas adds the ability for React components to render to "canvas" rather than DOM. This project is a work-in-progress. Though much of the code is in production on flipboard.com, the React canvas bindings are relatively new and the API is subject to change.

Ant Design and React Canvas can be categorized as "JavaScript Framework Components" tools.

Ant Design and React Canvas are both open source tools. Ant Design with 47.8K GitHub stars and 16.8K forks on GitHub appears to be more popular than React Canvas with 12K GitHub stars and 941 GitHub forks.

Advice on Ant Design and React Canvas
Needs advice
on
Ant DesignAnt DesignMaterial-UIMaterial-UI
and
Next.jsNext.js

Hi, I start building an admin dashboard with next.js and looking for a frontend framework ( components ready ). So I end up with Ant Design and Material-UI, but I never built a project with these two.

Here is a list of my requirements.

  1. Good documentation.
  2. easy CRUD ( date picker and date range picker bundled )
  3. built-in multi-lang feature or Great 3rd library support
  4. Admin dashboard template
  5. well code maintenance

Which is better for the long run?

See more
Replies (2)
Recommends

I'm using both of them. But If you want to create admin dashboard, You should try AntDesign. They (Alibaba / Taobao) created a group of UI libaries to create admin dashboard. It's production ready. https://procomponents.ant.design/en-US/components/table https://pro.ant.design/docs/layout In my opinion, If you want to create a dashboard with mobile first / simple dashboard, you can choice material ui. otherwise, antdesign is better (if you want focus on desktop /tablet ui). Some of skeleton has built with material ui such as react-admin is good point to start. But if you want to create admin site with antdesign, I think you should build with umijs (it is alternative and compatible with nextjs and antd support directlly)

See more
Irving Caamal
Mid Level Software Engineer at Fullstacklabs · | 2 upvotes · 104.1K views
Recommends

https://github.com/uber/baseweb I highly recommend you baseweb, it's easy and very customizable and also beautiful.

See more
Get Advice from developers at your company using StackShare Enterprise. Sign up for StackShare Enterprise.
Learn More
Pros of Ant Design
Pros of React Canvas
  • 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 Canvas
    • 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 Canvas?

      React Canvas adds the ability for React components to render to "canvas" rather than DOM. This project is a work-in-progress. Though much of the code is in production on flipboard.com, the React canvas bindings are relatively new and the API is subject to change.

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

      What companies use Ant Design?
      What companies use React Canvas?
      See which teams inside your own company are using Ant Design or React Canvas.
      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 Canvas?

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

      What are some alternatives to Ant Design and React Canvas?
      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