react-native-popup-dialog - A React Native Popup Dialog, Highly Customizable, Easy Use & Support Custom Animation

•    Javascript

---

React Native Popup Dialog for iOS & Android. Another similar dialog component: react-native-dialog-component the main difference is style.

react react-animate react-native component dialog es6 popup react-dialog react-native-popup-dialog react-native-dialog popup-dialog react-component ios android

react-overlays - Utilities for creating robust overlay components

•    Javascript

---

All of these utilities have been abstracted out of react-bootstrap in order to provide better access to the generic implementations of these commonly needed components. The included components are building blocks for creating more polished components. Everything is bring-your-own-styles, css or otherwise. If you are looking for more complete overlays, modals, or tooltips--something you can use right out of the box--check out react-bootstrap, which is (or soon will be) built on using these components.

react react-overlays modal overlay affix react-component tooltip bootstrap popover

Reactstrap - React component library for Bootstrap

•    Javascript

---

Reactstrap is a React component library for Bootstrap. It contains React Bootstrap components that favor composition and control. The library does not depend on jQuery or Bootstrap javascript. However, Poppers.js via react-popper is relied upon for advanced positioning of content like Tooltips, Popovers, and auto-flipping Dropdowns.

react bootstrap ui components reactstrap component react-component

light-bootstrap-dashboard-react - React version of Light Bootstrap Dashboard

•    CSS

---

Light Bootstrap Dashboard React is an admin dashboard template designed to be beautiful and simple. It is built on top of React Bootstrap, using Light Bootstrap Dashboard and it is fully responsive. It comes with a big collections of elements that will offer you multiple possibilities to create the app that best fits your needs. It can be used to create admin panels, project management systems, web applications backend, CMS or CRM. The product represents a big suite of front-end developer tools that can help you jump start your project. We have created it thinking about things you actually need in a dashboard. Light Bootstrap Dashboard React contains multiple handpicked and optimized plugins. Everything is designed to fit with one another. As you will be able to see, the dashboard you can access on Creative Tim is a customization of this product.

reactjs react-router react-template react-admin react-bootstrap react-bootstrap-components react-components responsive-design freebie react-responsive react-resources

volt-react-dashboard - Free and open source React

•    Javascript

---

Volt React is a free and open source admin dashboard template built in React.js and based on the latest version of the Bootstrap 5 CSS framework. It features over 100 UI elements, plugins, and example based built with React components. Volt React is an extension of the popular react-bootstrap library and it is based on the newest version of Bootstrap 5.

react bootstrap react-bootstrap hacktoberfest react-admin-template react-dashboard bootstrap-5 hacktoberfest2021 react-bootstrap-5 free-react react-ui-library bootstrap-5-dashboard themesberg

react-bootstrap-typeahead - React typeahead with Bootstrap styling

•    Javascript

---

A React-based typeahead that relies on Bootstrap for styling and was originally inspired by Twitter's typeahead.js. It supports both single- and multi-selection and is compliant with WAI-ARIA authoring practices. Try the live examples. Please note that documentation and examples apply to the most recent release and may no longer be applicable if you're using an outdated version.

react bootstrap typeahead auto-complete auto-suggest autocomplete autosuggest bootstrap-tokenizer bootstrap-typeahead react-autocomplete react-autosuggest react-tokenizer react-typeahead react-bootstrap react-bootstrap-tokenizer react-bootstrap-typeahead tokenizer

react-modal - Accessible modal dialog component for React

•    Javascript

---

The app element allows you to specify the portion of your app that should be hidden (via aria-hidden) to prevent assistive technologies such as screenreaders from reading content outside of the content of your modal.If you are doing server-side rendering, you should use this property.

react modal react-component dialog

react-bootstrap-table - A Bootstrap table built with React.js

•    Javascript

---

It's a react table for bootstrap

bootstrap-table react react-table table bootstrap grid react-component react-components data-grid data-table

react-bootstrap - Bootstrap components built with React

•    Javascript

---

Bootstrap 4 components built with React. See the documentation with live editable examples as well as docs.

react bootstrap ecosystem-react react-component

react-useportal - 🌀 React hook for Portals

•    TypeScript

---

Need to make dropdowns, lightboxes/modals/dialogs, global message notifications, or tooltips in React? React Portals provide a first-class way to render children into a DOM node that exists outside the DOM hierarchy of the parent component (react docs). This hook is also isomorphic, meaning it works with SSR (server side rendering).

react-hooks react react-portal portal loading-bar modal lightbox notification dialog dropdown tooltip hook use react-hook react-component react-useportal react-use-portal transportation react-portal-hook

react-native-modals - A react native modals library

•    Javascript

---

React Native Modals Library for iOS & Android.

react react-native component es6 dialog react-animate popup react-dialog react-native-modals react-native-dialog modals react-component ios android

react-aria-modal - A fully accessible React modal built according WAI-ARIA Authoring Practices

•    Javascript

---

A fully accessible and flexible React modal built according WAI-ARIA Authoring Practices. Check out the demo.

react react-component modal accessibility accessible dialog

rodal - A React modal with animations.

•    CSS

---

A React modal with animations.

animation react modal dialog react-modal react-component

formsy-react-components - A set of React JS components for use in a formsy-react form

•    Javascript

---

formsy-react-components is a selection of React components that render form elements for use in a formsy-react form. The components render markup to be quickly included in a Bootstrap 3 form. This includes a <label>, help text, and some validation styling tied to formsy’s validation state and validation messages.

bootstrap form-controls react-component react-components react formsy-react

react-skylight - A react component for modals and dialogs

•    Javascript

---

React SkyLight is a simple react component for modals and dialogs. Powerful, lightweight and customizable design. React skylight DEMOS and DOCS.

react modal dialog react-component

react-router-bootstrap - Integration between React Router and React-Bootstrap

•    Javascript

---

Integration between React Router v4 and React Bootstrap. Please note that by default React Router will match any location that contains path specified in to prop. To make <LinkContainer> to match the location exactly, set exact prop to true or use <IndexLinkContainer> instead.

react react-router react-bootstrap

react-bootstrap-daterangepicker - A date/time picker for react (using bootstrap)

•    Javascript

---

This is a commonjs library. You will need a tool like browserify/webpack/etc to build your code. For in depth documentation, see the original bootstrap-daterangepicker project page.

react react-component bootstrap date range picker selector datetime ui

react-modal2 - :thought_balloon: Simple modal component for React.

•    Javascript

---

Simple modal component for React. ReactModal2 tries to be as minimal as possible. This means it requires a little bit of setup, but gives you complete flexibility to do what you want.

react modal dialog stateless

coreui-free-react-admin-template - CoreUI React is free React admin template based on Bootstrap 4

•    Javascript

---

Curious why I decided to create CoreUI? Please read this article: Jack of all trades, master of none. Why Bootstrap Admin Templates suck. CoreUI is an Open Source Bootstrap Admin Template. But CoreUI is not just another Admin Template. It goes way beyond hitherto admin templates thanks to transparent code and file structure. And if that's not enough, let’s just add that CoreUI consists bunch of unique features and over 1000 high quality icons.

react reactjs react-app bootstrap bootstrap4 bootstrap-4 bootstrap-theme admin admin-dashboard admin-panel admin-template dashboard dashboard-templates scss html5 css

bootstrap-loader - Load Bootstrap styles and scripts in your Webpack bundle

•    Javascript

---

If your team might need my help, please email me for a free half-hour project consultation, on anything from React on Rails to any aspect of web or mobile application development for both consumer and enterprise products. Intersted in optimizing your webpack setup for React on Rails including code splitting with react-router v4, webpack v4, and react-loadable? Contact me.

bootstrap-loader bootstrap-variables shakacode bootstrap-mixins bootstrap-styles webpack2 webpack-loader twitter-bootstrap webpack sass-loader bootstrap twitter