React Toolbox

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.

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.

Material UI is a library of React UI components that implements Google's Material Design.

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.

Premium designed icons for use in web, iOS, Android, and desktop apps. Support for SVG and web font. Completely open source and MIT licensed.

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.

You just load your UI components into the React Storybook and start developing them. This functionality allows you to develop UI components rapidly without worrying about the app. It will improve your team’s collaboration and feedback loop.

Tweak React components in real time.

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.

It has a rich collection of components that would satisfy most of the UI requirements of your application like datatable, dropdown, multiselect, notification messages, accordion, breadcrumbs and other input components. So there would be no need of adding different libraries for different UI requirements.

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.

It is a simple, modular and accessible component library that gives you all the building blocks you need to build your React applications.

UI-Modules Standalone AngularUI modules.

Accessible and customizable components that you can copy and paste into your apps. Free and open-source. Use this to build your own component library. These components are built using Radix UI and Tailwind CSS.

From Angular and React, to ASP.NET Core or Vue, it includes a comprehensive collection of high-performance and responsive UI widgets for use in traditional web and next-gen mobile applications. The suite ships with a feature-complete data grid, interactive charts widgets, data editors, and much more.

It is a beautifully designed administration panel for Laravel. Carefully crafted by the creators of Laravel to make you the most productive developer. It provides a full CRUD interface for your Eloquent models. Every type of Eloquent relationship is fully supported.

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.

It is a design kit that can be used by web designers and developers to develop UI interfaces with Figma and Tailwind CSS.

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.

Over 400+ professionally designed, fully responsive, expertly crafted component examples you can drop into your Tailwind projects and customize to your heart’s content.

It is not focused on Mobile development, mainly because it lacks responsiveness on mobile WebViews.

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.

It is a set of completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

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

Build mobile & desktop games and apps with fully-skinnable UI controls. It aims for buttery smooth performance based on the philosophy that cross-platform UI kits shouldn't sacrifice one of the most important benefits of native development.

It is used to interactively query SQL databases using LINQ, as well as interactively writing C# code without the need for an IDE. It supports all the LINQ APIs in the .NET Framework, including LINQ to XML, PLINQ, LINQ to SQL and Entity Framework.

It is a Laravel Admin Package that includes BREAD(CRUD) operations, a media manager, menu builder, and much more.It is a Feature packed and versatile Laravel control panel. It provides an elegant UI for controlling various features across a Laravel web application.

It is a low-level UI component library with a focus on accessibility, customization and developer experience. You can use these components either as the base layer of your design system, or adopt them incrementally.

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.

It is a UI kit built with an aim to cut the time developers need to create their websites by taking all the best features from vanilla Bootstrap and enhancing them with a distinctive design from Google.

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.

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).

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.

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.

Plug it into your app as a dev dependency so it adds nothing to your product builds. Use it to: view your application state, show API requests & responses, perform quick performance benchmarks, and more.

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.

It a UI framework that is resolution-independent and uses a vector-based rendering engine, built to take advantage of modern graphics hardware.

It includes more than 100 versatile and performance-optimized components that help you build high-quality, professional line-of-business projects. From the leading AJAX data grid to the full-featured HTML editor used by Microsoft on sites like MSDN, It provides you with all the building blocks to maximize productivity and build richer, slicker and better-performing applications with ease.

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