react-portal - React component for transportation of modals, lightboxes, loading bars

•    Javascript

---

Struggling with modals, lightboxes or loading bars in React? React-portal creates a new top-level React tree and injects its children into it. That's necessary for proper styling (especially positioning). Looking for v3 documentation? Go here.

react portal modal loading-bar react-component lightbox react-portal transportation

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-gh-corner - React portals + Github corners + Styled component = 💘

•    TypeScript

---

React portals + Github corners + Styled component

react react-dom react-portal portal github github-corner gh gh-pages github-pages gh-corner corner styled-components

react-mortal - react-portal + react-motion = :heart:

•    Javascript

---

react-portal is awesome, but it may be tricky to animate a Portal when entering/leaving the dom. This is what react-mortal is solving, by combining it with the power of react-motion. Check usage example and demo.

react react-motion react-portal

react-steack - :hamburger: Animate stacks with great performances

•    Javascript

---

:hamburger: Animate stacks with great performances

react react-motion react-portal

react-portal-popover - A popover library for React, using Portals for better positioning.

•    Javascript

---

A popover library for React, using react-portal for better positioning. There's two steps: import the OverlayTrigger that decorates your toggle element, then pass in an overlay={} prop with your ToolTip that you'd like to display.

react react-portal popover portal

react-travel

•    Javascript

---

Your subtree should be able to travel into another top-level tree. What node the portal is rendered to, defaults to document.body.

react react-component component react-portal portal transportation