Skip to content
store
Rendering React Components With Custom Elements

Free alternatives to Rendering React Components With Custom Elements

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

    Free

  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

    Free

  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

    FreeOpen source

  4. R

    react-markdown

    Launch

    React component to render markdown

    Free

  5. R

    react-smooth

    Launch

    react animation library

    Free

  6. R

    React Navigation

    Launch

    The standard routing and navigation library for React Native.

    Free

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
H

HugeIcons

Comprehensive library of stroke and solid icons

Launch
30
U

uncontrollable

Wrap a controlled react component

Launch
31
V

virtua

A zero-config, fast and small virtual list

Launch
32
R

react-native-drawer-layout

Drawer component for React Native

Launch
33
R

@rc-component/portal

React Portal Component

Launch
34
R

react-player

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

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 Rendering React Components With Custom Elements

R

Rendering React Components With Custom Elements

A common approach

A common approach to render a component in React is to call the ReactDOM.render method on a DOM element. If you want to use both React and your backend templating engine at the same time, you're probably going to do something like that. For instance,…

View Rendering React Components With Custom ElementsAll UI Libraries apps
Category
UI Libraries
Website
guillaumebriday.fr