Compare Puck to these popular alternatives based on real-world usage and developer feedback.

React Router is a complete routing solution designed specifically for React.js. It painlessly synchronizes the components of your application with the URL, with first-class support for nesting, transitions, and server side rendering.

Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅

It is an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.

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.

A command-line interface tool that you use to initialize, develop, scaffold, and maintain Angular applications. You can use the tool directly in a command shell, or indirectly through an interactive UI such as Angular Console.


Sprint from Zero to App. Hit the ground running with comprehensive, modern UI components that work across the web, mobile and desktop. It allows to create material styled angular apps fast and easy.

Vue CLI aims to be the standard tooling baseline for the Vue ecosystem. It ensures the various build tools work smoothly together with sensible defaults so you can focus on writing your app instead of spending days wrangling with config.

It is the official command line utility used to create, build, serve, and test Ember.js apps and addons. It provides a consistent project structure, a powerful addon system, and a fast Broccoli-powered build pipeline. Whether you are looking for a zero-config experience or the ability to make your own customizations, it has the tools you need.

It executes on the server, generating static application pages that later get bootstrapped on the client. This means that the application generally renders more quickly, giving users a chance to view the application layout before it becomes fully interactive.

Emotion is a performant and flexible CSS-in-JS library. Building on many other CSS-in-JS libraries, it allows you to style apps quickly with string or object styles. It has predictable composition to avoid specificity issues with CSS. With source maps and labels, Emotion has a great developer experience and great performance with heavy caching in production.

It is the official router for Vue.js. It deeply integrates with Vue.js core to make building Single Page Applications with Vue.js a breeze.

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.


We like to think that Buefy is the javascript layer for your Bulma interface, since it doesn't require for it to be a sophisticated Single-Page Application. You can import it completely or single components on a ordinary webpage and use Vue.js as a replacement for jQuery.

Stencil combines some of the best features from traditional frameworks, but outputs 100% standards-compliant Custom Elements, part of the Web Component spec.

It is an MIT licensed open source React components and hooks library with a focus on usability, accessibility, and developer experience. You can build fully functional accessible web applications faster than ever – it includes more than 120 customizable components and hooks to cover you in any situation.

React Starter Kit is an opinionated boilerplate for web development built on top of Facebook's React library, Node.js / Express server and Flux architecture. Containing modern web development tools such as Webpack, Babel and BrowserSync.

This reusable React component will manage all of your changes to the document head with support for document title, meta, link, style, script, noscript, and base tags.

It is an open source JavaScript library for a full-sized, drag & drop event calendar. It seamlessly integrates with such popular JavaScript frameworks as Vue, React, Angular.

PrimeReact is a rich set of open source UI Components for React.

An enterprise-class UI design language for web applications. A set of high-quality Vue components out of the box. Shared Ant Design of React design resources.

React MD is Google's Material Design specifications implemented with Sass and React. The goal of the project is to create components that adhere to the Material Design specifications.

By combining an opinionated authoring system, build-time analysis and rewriting of templates, and a new type of CSS optimizer, css-blocks breathes new power and ease of use into the technologies and best practices that stylesheet developers already know and love.

Glamorous is React component styling solved with an elegant (inspired) API, small footprint (<5kb gzipped), and great performance (via glamor). It has a very similar API to styled-components and uses similar tools under the hood (glamor).

Vuesax is a framework of components based on vue js, it is a framework that is designed from scratch to be incrementally adoptable. The framework is focused on facilitating the development of applications, improving the design of the same without removing the necessary functionality. we want all the components to be independent in colors, shapes and design for a freedom that we like all front-end but without losing the speed of creation and production.

angular-gantt provides a gantt chart component to your AngularJS application.

Rebass is a library of highly-composable, primitive UI components for React, built with styled-components to keep styles isolated and reduce the need to write custom CSS in your application.

It is a fully type-safe React router with built-in data fetching, stale-while revalidate caching and first-class search-param APIs.

Radium is a set of tools to manage inline styles on React elements. It gives you powerful styling capabilities without CSS.

Evergreen is a pragmatic UI kit for building evolving products on the web. It is built and maintained open-source by Segment.

An Ember CLI addon that allows you to render and serve Ember.js apps on the server. Using FastBoot, you can serve rendered HTML to browsers and other clients without requiring them to download JavaScript assets.

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.

Out of the box, Griddle has sorting, filtering, paging, infinite scrolling, sub-grids and more.

It is a powerful, enterprise-grade routing for React applications with 1st class support for asynchronous route elements and data loaders, Search Param APIs, nested-routing, code-splitting and so much more.

AngularStrap is a set of native directives that enables seamless integration of Bootstrap#^3.0 into your AngularJS#^1.2 application. With no external dependency except the Bootstrap CSS styles, AngularStrap is light and fast. It has been built from the ground up to leverage ngAnimate! AngularStrap is tested against the latest patch release of the 1.2, 1.3 and 1.4 branches.

It provides fast and beautiful interactive component playgrounds. Build and visually test your components in isolation and document your components with stories and variants.

Reuse simply exports a factory method that returns a React component. You can leverage that method in two ways: augmentation and combination.

Belle provides you with a set of React components like Toggle, ComboBox, Rating, TextInput, Button, Card, Select and soon many more.

It is a set of React components that implement Google's Material Design specification. It's powered by CSS Modules and harmoniously integrates with your Webpack workflow. You can take a tour through our documentation website and try the components live.

It is a set of small, single-purpose React components, each aimed at overcoming a specific UI challenge. It's not a component bank, but rather a set of building blocks for creating your own unique component bank. It does all the technical heavy lifting, so you can focus on the presentation.

It is a comprehensive React UI components library. You can use more than 60 crafted components out of the box. All components are written in TypeScript so it's type friendly.

A simple component for making elements draggable.

Flight tries to be for React what Principle is for Sketch compositions - the fastest, most friction free way to compose and an effortless way to animate an idea, an interaction, or a short movie-like composition in a self-contained widget (a React component after all).

Build your react apps with one command and one `npm i`.

With this tool you can create targeted image quotes, personalized greeting cards or other amazing images.

It is an open-source design system for your next travel project. It is a React component library that provides developers with the easiest possible way of building Kiwi.com’s products.

It gives you instant previews of React components and Storybook stories in your IDE without writing any extra code. It can handle CSS-in-JS libraries such as Styled Components and Emotion. It also supports CSS imports, including CSS Modules. You can also use SASS or LESS.

This library integrates your async ops into React suspense. Pending- and error-states are handled at the parental level which frees the individual component from that burden and allows for better orchestration. Think of it as async/await for components. Works in all React versions >= 16.6.