Skip to content
store
react-portal

Free alternatives to react-portal

50 free UI Libraries apps to use instead, best rated first.

Top picks

  1. R

    recharts

    Launch

    Recharts is a charting library for React, built on top of D3. You put charts together from React components (a chart, its axes, a grid, a tooltip, a legend, and lines, bars or areas), so a chart reads like the rest of your interface code in

  2. B

    Base UI

    Launch

    Base UI is a library of unstyled React components for building accessible user interfaces, from the people behind Radix, Floating UI and Material UI. Each component handles behavior, keyboard navigation and accessibility, but brings no visu

  3. D

    dom-helpers

    Launch

    dom-helpers is a tiny, modular JavaScript library of DOM utilities, kept by the React Bootstrap project. It wraps common DOM tasks such as adding event listeners, reading computed styles, measuring offsets and scroll positions, and toggling

    Open source

  4. R

    react-markdown

    Launch

    React component to render markdown

  5. R

    react-smooth

    Launch

    react animation library

  6. R

    React Navigation

    Launch

    React Navigation is the standard routing and navigation library for React Native apps, also supporting web. The repository on GitHub holds the code for its upcoming major version, React Navigation 8, in a monorepo, with the 7.x line as the

More UI Libraries apps

See all
7
S

@storybook/addon-docs

Storybook Docs: Document UI components automatically with stories and MDX

Launch
8
M

@mui/private-theming

Private - The React theme context to be shared between `@mui/styles`

Launch
9
A

ag-grid

The best JavaScript Data Table for building Enterprise Applications

Launch
10
R

react-modal

Accessible modal dialog component for React

Launch
11
Q

query-selector-shadow-dom

use querySelector syntax to search for nodes inside of (nested) shadow roots

Launch
12
R

react-dropzone

Simple HTML5 drag-drop zone with React.js

Launch
13
Q

qrcode.react

React component to generate QR codes

Launch
14
R

react-select

A Select control built with and for ReactJS

Launch
15
R

react-textarea-autosize

textarea component for React which grows with content

Launch
16
R

react-colorful

A tiny (3,1 KB) color picker component for React and Preact apps

Launch
17
A

@assistant-ui/react

Open-source TypeScript/React library

Launch
18
R

react-virtualized

React components for efficiently rendering large lists and tabular data

Launch
19
R

react-native-svg

SVG library for react-native

Launch
20
R

react-tabs

React tabs component

Launch
21
R

react-number-format

React component to format number in an input or as a text

Launch
22
R

react-draggable

React draggable component

Launch
23
E

echarts for react

Wrapper around beautiful Apache Echarts

Launch
24
R

react-native-web

React Native for Web

Launch
25
V

@visx/group

visx group

Launch
26
R

@rc-component/trigger

Popup trigger and alignment primitive for React

Launch
27
R

react-native-device-info

Device information for iOS and Android

Launch
28
R

react-quill

The Quill rich-text editor as a React component

Launch
29
U

uncontrollable

Wrap a controlled react component

Launch
30
V

virtua

A zero-config, fast and small virtual list

Launch
31
R

react-native-drawer-layout

Drawer component for React Native

Launch
32
R

@rc-component/portal

React Portal Component

Launch
33
R

react-player

A React component for playing a variety of URLs, including file paths, Mux

Launch
34
N

Nuxt.js

Versatile Vue.js Framework

Launch
35
R

react-toastify

React notification made easy

Launch
36
R

react-leaflet

React components for Leaflet maps

Launch
37
C

country-flag-icons

Vector (*.svg) country flag icons in 3x2 aspect ratio

Launch
38
R

react-confetti

React component to draw confetti for your party

Launch
39
R

react-scroll

React scroll component

Launch
40
A

@ant-design/fast-color

fast and small color class

Launch
41
A

@ant-design/react-slick

React port of slick carousel

Launch
42
R

react-input-mask

Input masking component for React. Made with attention to UX

Launch
43
R

@rc-component/tour

React tour Component

Launch
44
R

@rc-component/mutate-observer

React MutateObserver Component

Launch
45
R

react-image-crop

A responsive image cropping tool for React

Launch
46
R

react-paginate

A ReactJS component that creates a pagination

Launch
47
R

@react-native-community/datetimepicker

DateTimePicker component for React Native

Launch
48
R

rc-virtual-list

React Virtual List Component

Launch
49
R

react-native-vector-icons

Customizable icon sets with support for styling and image sources

Launch
50
R

react-inspector

Power of Browser DevTools inspectors right inside your React app

Launch

About react-portal

R

react-portal

To make your life with React Portals easier

react-portal is a React component that moves its children out of the normal component tree and renders them somewhere else, by default in document.body. It is aimed at modals, lightboxes, loading bars and similar overlays, which often break when they sit inside a parent with overflow, transform or positioning rules. The component creates a new top-level React tree and injects its children into it, which is what makes positioning and styling reliable. The README says it uses React's official portal API from version 16 and has a fallback for React 15. You can choose the target element rather than always using the body. A separate note points to version 3 documentation for newer usage. It is a small library for developers who need overlays that stay visually correct wherever they are used in the app. The project is hosted on GitHub under tajo.

View react-portalAll UI Libraries apps
Price
Free
Made by
miksu
Category
UI Libraries
Website
github.com/tajo/react-portal