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.
Its package includes:
@mantine/hooks
– collection of 40+ hooks for state and UI management@mantine/styles
– emotion based css-in-js library that is used in all Mantine components@mantine/core
– core components library – 100+ components, exports everything from @mantine/styles
@mantine/form
– forms management library@mantine/notifications
– a fully featured notifications system@mantine/spotlight
– Ctrl + K
command center for your application@mantine/prism
– code highlight built with prism-react-renderer@mantine/rte
– a Quill based rich text editor@mantine/dropzone
– manages files drag 'n' drop to an area or entire screen@mantine/modals
– centralized modals manager@mantine/ssr
– server side rendering utilities@mantine/next
– server side rendering utilities for Next.jsgatsby-plugin-mantine
– Gatsby plugin to setup server side renderingeslint-config-mantine
– ESLint and Prettier configuration that is used in all Mantine projectsTags | react-components react-library react hooks typescript accessibility uikit a11y design-system |
Implementation | Typescript |
License | MIT |
Platform | NodeJS |
We provide 12 additional color picker components for different color models, unless your app needs a HEX string as an input/output format. The easiest way to tweak react-colorful is to create another stylesheet to override the default styles.
react hooks hex color preact color-picker react-component a11y tiny picker zero-dependency typescript-support colorpicker front-end accessible react-color accessibility aria wai-ariaReakit 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.
react components accessibility reactjs a11y accessible wai-aria hacktoberfest react-component ssr server-side-renderingChakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications. It strictly follows WAI-ARIA standards for all components. It is Themeable, Composable and Optimized for multiple color modes.
react components reactjs uikit a11y react-components accessible wai-aria ui-designWelcome 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.
salesforce react salesforce-lightning frontend ui design-systems slds lightning reactjs salesforce-ux design-system lightning-design-system salesforce-lightning-design-system interactive-components interactive componentsReact 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.
react css ui styled-components rebass design-system react-components styled-system components grid typography layout color theme emotion react-component presentational stateless functionalModern and minimalist React UI library, originating from Vercel's design. run yarn add @geist-ui/react or npm i @geist-ui/react install it.
react design-systems react-components design-system geist geist-ui components react-ui👩🦯 Provide accessibility support to R3F such as focus indication, keyboard tab index, and screen reader support
threejs reactjs react-three-fiber a11y accessibility three reactReact Components that Implement Microsoft's UWP Design & Fluent Design System. Visit react-uwp.com online to review the API, see the components in action with live. Or build the documentation to locally.
uwp microsoft-uwp fluent microsoft-fluent uwp-design fluent-design react typescript react-components windows-uwpAnt 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.
react-framework css react ui-kit ui-design react-components antd design-systems frontend ant-design ant design react-component component components ui frameworkBlueKit 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 react-components visualization typescript tooling blueberry-opensource es6 es7 babel react-component playground development ui-ki ui design nodeStart 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.
react reactjs argon argon-react design design-react argon-design argon-design-react kit react-kit argon-design-system argon-design-system-react design-system-reactOur documentation site lives at primer.style/react. You'll be able to find detailed documentation on getting started, all of the components, our theme, our principles, and more. You can track our roadmap progress in the Roadmap Project Board, see more detail in the quarterly planning Discussions, and find a list of all the current epic tracking issues here.
react primer component-library design-system components libraryShards React is a free, beautiful and modern React UI kit based on Shards. Getting started with Shards React is fairly simple. You can download Shards React via the official website, here on GitHub as a release package or by using a package manager such as Yarn or NPM.
react uikit ui design-system components bootstrap shards ui-kit kit componentArgon React Native is a fully coded app template built over Galio.io, 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.
argon-react-native argon-design-system argon-app-react-native argon-ios react-native-ios creative-tim argon-android react-native-ui-kit react-native-expo freebie react-native-argon-design react-native-galio galio-argon-free galio-react-native-free-app argon-expo-react-native react-native-ui-templateThis is a next iteration of mobx-react coming from introducing React hooks which simplifies a lot of internal workings of this package. Class based components are not supported except using <Observer> directly in class render method. If you want to transition existing projects from classes to hooks (as most of us do), you can use this package alongside the mobx-react just fine. The only conflict point is about the observer HOC. Subscribe to this issue for a proper migration guide.
react mobx react-hooks observables mobservable react-component reactjs reactive hooks observer useobserver usecomputerA set of reusable React Hooks for Firebase. Official support for Hooks was added to React Native in v0.59.0. React Firebase Hooks works with both the Firebase JS SDK and React Native Firebase, although some of the Flow and Typescript typings may be incorrect - we are investigating ways to improve this for React Native Firebase users.
react firebase react-firebase-hooks firebase-auth firebase-authentication firebase-database firebase-realtime-database firebase-firestore firebase-cloud-firestore firebase-storage firebase-cloud-storage react-hooks react-native typescript hooksMUI 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.
material-ui google-material react-components react material-design material react-component react-ui-library ui-ux componentsCollect JS Frameworks, Web components library and Admin Template. React based component library.
awesome awesome-list uikit ui-component framework react angular angular-components react-components vue-components vue-ui bootstrap-admin-theme ng-admin bootstrap vue-admin react-adminReach 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.
react react-components react-ui ui-ux ui-componentsStorybook 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.
react testing ember html components documentation styleguide design-systems angular typescript ui react-native webpack vue polymer web-components svelte ui-components mock mock-testing unit-testing ui-design
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.