blueprint - A React-based UI toolkit for the web

  •        241

A React UI toolkit for the web.


@types/assertion-error : 1.0.30
@types/chai : 3.5.2
@types/classnames : 0.0.31
@types/dom4 : 1.5.20
@types/enzyme : 2.8.0
@types/mocha : 2.2.32
@types/pure-render-decorator : 0.2.27
@types/react : 0.14.40
@types/react-addons-css-transition-group : 0.14.17
@types/react-addons-transition-group : 0.14.17
@types/react-dom : 15.5.0
@types/tether : 1.1.27
autoprefixer : ^7.1.2
better-handlebars : github:wmeldon/better-handlebars
chai : ^4.1.0
del : ^3.0.0
documentalist : ^0.0.6
enzyme : ^2.9.1
gulp : ^3.9.1
gulp-concat : ^2.6.1
gulp-connect : ^5.0.0
gulp-count : ^0.3.0
gulp-insert : ^0.5.0
gulp-less : ^3.3.2
gulp-load-plugins : ^1.5.0
gulp-mocha : ^4.3.1
gulp-postcss : ^7.0.0
gulp-rename : ^1.2.2
gulp-replace : ^0.6.1
gulp-sass : ^3.1.0
gulp-sourcemaps : ^2.6.0
gulp-strip-css-comments : ^1.2.0
gulp-stylelint : ^4.0.0
gulp-tslint : ^7.1.0
gulp-typescript : ^3.2.1
gulp-util : ^3.0.8
highlights : ^3.0.1
http-server : ^0.10.0
istanbul-instrumenter-loader : ^0.2.0
json-loader : ^0.5.4
karma : ^1.7.0
karma-chai : ^0.1.0
karma-chrome-launcher : ^2.2.0
karma-coverage : ^1.1.1
karma-firefox-launcher : ^1.0.1
karma-mocha : ^1.3.0
karma-mocha-reporter : ^2.2.3
karma-phantomjs-launcher : ^1.0.4
karma-phantomjs-shim : ^1.4.0
karma-sinon : ^1.0.5
karma-sourcemap-loader : ^0.3.7
karma-webpack : ^2.0.4
language-less : github:atom/language-less
language-typescript : github:giladgray/language-typescript#10.1.15
lerna : ^2.0.0
lodash : ^4.17.4
marked : ^0.3.6
merge-stream : ^1.0.1
mocha : ^3.4.2
node-sass-package-importer : ^3.0.4
npm-run-all : ^4.0.2
phantomjs-prebuilt : ^2.1.14
postcss-import : ^10.0.0
postcss-url : ^7.1.1
react : ^15.5.1
react-dom : ^15.5.1
react-test-renderer : ^15.5.4
run-sequence : ^2.0.0
sinon : ^1.17.6
sorted-object : ^2.0.1
source-map-loader : ^0.2.1
string-replace-loader : ^1.3.0
stylelint : ^8.0.0
stylelint-config-palantir : ^2.1.0
stylelint-config-standard : ^17.0.0
stylelint-scss : ^1.5.1
ts-loader : ^1.3.3
ts-quick-docs : ^0.5.1
tslint : ^4.5.1
tslint-react : ^2.4.0
typescript : ~2.2.1
vinyl-source-stream : ^1.1.0
webpack : ^1.13.2



Related Projects

Mantine - A fully featured React components library includes more than 120 customizable components and hooks

  •    Typescript

Mantine is a fully featured React components library includes more than 120 customizable components and 40+ hooks to manage state and UI management. Mantine core library includes all essential components: inputs, buttons, modals, popovers, typography elements, layout management, etc.

react - Modern and minimalist React UI library.

  •    TypeScript

Modern and minimalist React UI library, originating from Vercel's design. run yarn add @geist-ui/react or npm i @geist-ui/react install it.

rebass - :atom_symbol: React UI component library & design system, built with styled-components and styled-system

  •    Javascript

React UI component library & design system, built with styled-system, with support for styled-components & emotion. 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. Based upon a configurable design system, Rebass‘s props API makes building consistent, responsive web apps simpler and faster.

Ant Design - An enterprise-class UI design language and React UI library

  •    Typescript

Ant Design is an enterprise-class UI design language and React UI library. It provides plenty of UI components to enrich your web applications, and we will improve components experience consistently. It supports Server side rendering, Theme customization, Internationalization support and lot more.

Reach UI - The Accessible Foundation for React Apps and Design Systems

  •    Typescript

Reach UI seeks to become the accessible foundation of your React-based design system. Each component is tested with Safari + VoiceOver, Firefox + NVDA, and Edge + JAWS. Its components include Accordion, Alert, AlertDialog, Checkbox, ComboBox, Dialog, Menu, Slider, Nav, Tooltip, Tabs etc.

Storybook - Build bulletproof UI components faster in React, Vue, Angular, and more.

  •    Typescript

Storybook is a development environment for UI components. It allows you to browse a component library, view the different states of each component, and interactively develop and test components. Storybook runs outside of your app. This allows you to develop UI components in isolation, which can improve component reuse, testability, and development speed. You can build quickly without having to worry about application-specific dependencies.

argon-design-system-react - React version of Argon Design System

  •    CSS

Start your development with a Design System for Bootstrap 4, React and Reactstrap. It is open source, free and it features many components that can help you create amazing websites. Argon Design System React is built with over 100 individual components, giving you the freedom of choosing and combining. All components can take variations in color, that you can easily modify using SASS files.

argon-react-native - Argon React Native

  •    Javascript

Argon React Native is a fully coded app template built over, React Native and Expo to allow you to create powerful and beautiful e-commerce mobile applications. We have redesigned all the usual components in Galio to make it look like Argon's Design System, minimalistic and easy to use. Start your development with a badass Design System for React Native inspired by Argon Design System. If you like Argon's Design System, you will love this react native app template! It features a huge number of components and screens built to fit together and look amazing.

react-bluekit - Automatically generating a component library from your React components (ES5, ES6, Typescript)

  •    Javascript

BlueKit automatically generates a library from your React components with editable props and live preview. Point BlueKit to folders with your React components and it will generate a library for you. You'll be able to browse through the components, tweak their props, and see the changes live. Furthermore, any changes that you make to your components' code will be reflected in the library.

react-uwp - 📱⌨️ React Components that Implement Microsoft's UWP Design & Fluent Design.

  •    TypeScript

React Components that Implement Microsoft's UWP Design & Fluent Design System. Visit online to review the API, see the components in action with live. Or build the documentation to locally.

design-system-react - Salesforce Lightning Design System in React

  •    Javascript

Welcome to the project! 👋 This library is the React implementation of the Salesforce Lightning Design System. This library has a peer dependency on @salesforce-ux/design-system, react, and react-dom. It is tested with React 16 and has a stable API despite its version number. Please polyfill this library in order to meet your target environment needs. Please view Create React App Setup for more information on using this library with Create React App.

MUI (formerly Material-UI) - React UI library you always wanted

  •    Javascript

MUI provides a robust, customizable, and accessible library of foundational and advanced components, enabling you to build your own design system and develop React applications faster. You can start your projects with Google's Material Design or build your own designs using the sophisticated theming features.

Tabler - A premium and open source dashboard template with a responsive and high-quality UI

  •    Javascript

Tabler is fully responsive and compatible with all modern browsers. You can create a fully functional interface that users will love! Choose the layouts and components you need and customize them to make your design consistent and eye-catching. Every component has been created with attention to detail to make your interface beautiful.

toolkit - User interface components built on React.

  •    Javascript

Titon Toolkit is a collection of very powerful user interface components built on React. Components in Titon follow the presentational paradigm, which provide full control of how, where, and why components are rendered. Functionality within a component, like jumping to the next slide in a carousel, or toggling a menu, is possible through contexts -- a type of public API.

Reakit - Toolkit for building accessible rich web apps with React

  •    Typescript

Reakit helps to build accessible rich web apps with React. It is a lower level component library for building accessible high level UI libraries, design systems and applications with React. It strictly follows WAI-ARIA 1.1 standards and provides many of the widgets described in WAI-ARIA Authoring Practices like Button, Dialog, Tab and others. It has been built with composition in mind. In fact, its own components are composed by a few other abstract ones, like Role, Tabbable and Composite.

nebular - Nebular is a set of essential modules for your next Angular application.

  •    TypeScript

Nebular is a great toolkit if you build a Rich UI application based on Angular, and don't want to spend your time on painful project setup. It provides you with a unified approach for managing styles for various components (3rd party including), pure components tightly connect to Angular and authentication layer easily configurable for your API.There are a lot of awesome front-end frameworks out there these days. They provide a massive quantity of useful features making our lives more comfortable. Our intention is not to create a new one as we are pretty much aware of the complexity and amount of work developers put on their creations. But as developers, we feel that nowadays front-end development is disjointed. You have to search for libraries, go through the different installation process, everything looks different, and sometimes it's just annoying that you can't just sit and start going. That's why we are on a mission to assemble together the most usefule modules and libraries, join them with a unified application and graphical interface creating a great toolkit for easier setup.

office-ui-fabric-react - React components for building experiences for Office and Office 365.

  •    TypeScript

Fabric React is a responsive, mobile-first collection of robust components designed to make it quick and simple for you to create web experiences using the Office Design Language.Here is a step by step tutorial on how to build a simple React app with an Office UI Fabric React component.

design-system-components - 🛠 Component code and tests for the Australian Government design system

  •    HTML

The components for the Australian Government Design System. The design system components are distributed through the npm ecosystem and can only be installed through the npm command. Npm requires node.js and the components needs node.js 8 or higher.

We have large collection of open source products. Follow the tags from Tag Cloud >>

Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.