awesome-react-renderer

Awesome list of React Renderer

If you want to contribute to this list (please do), send me a pull request.

Table of Contents

• Web (+ NW & Electron)
• 3D
• Desktop
• Mobile
• Command Line Interface
• Television
• Hardware
• Email
• File
• Design
• Music
• Chatbot
• Miscellaneous
• Learn

Web (+ NW & Electron)

• react-dom - A declarative, efficient, and flexible JavaScript library for building user interfaces.
• react-tiny-dom - A minimal implementation of react-dom using react-reconciler
• react-canvas - High performance canvas rendering for React components.
• react-pixi-fiber - Write PixiJS applications using React declarative style.
• react-pixi - open-source, production-ready library to render high performant PIXI applications in React.
• react-konsul - A react renderer that renders to the browser's devtools console.
• react-worker-dom - Experiments to see the advantages of using Web Workers to Render React Virtual DOM.
• react-native-dom An experimental, comprehensive port of React Native to the web.
• react-skia-fiber - Insanely fast 2d graphics using Skia.
• react-native-skia - React Renderer for the Skia drawing library.
• react-360 (archived) - Render React components in WebGL/WebVR for VR apps.
• react-art (archived) - React Bridge to the ART Drawing Library.
• react-ol-fiber - React reconciler for the OpenLayers geographic maps library.
• react-rough-fiber - A React renderer for rendering hand-drawn SVGs.

3D

• react-three-fiber - React reconciler for Threejs on the web and react-native.
• react-unity - render React components to Unity UI
• react-babylonjs - React Renderer for Babylon.js (web and native)

Desktop

• proton-native - A React environment for cross platform native desktop apps.
• React NodeGUI - Build performant, native and cross-platform desktop applications with native React + powerful CSS like styling.🚀
• react-gtk - React Native renderer for gtk powered cross platform desktop applications that run on OSX, Linux and Windows.
• react-qml - Build native, high-performance, cross-platform applications (desktop and mobile) through a React (and/or QML) syntax.

Mobile

• react-native - A framework for building native apps with React.
• react-titanium - React custom renderer for Appcelerator® Titanium™ SDK.
• react-jsbox - React custom renderer for rendering native iOS UIKit with React + JSBox
• react-nativescript - React renderer for NativeScript

Command Line Interface

• react-blessed - A react renderer for blessed.
• ink - React for interactive command-line apps.
• terminosaurus - A powerful terminal UI library for React, with CSS-like support

Television

• react-tv - React development for TV (WebOS, SmartTVs).
• react-ape - React Renderer to build UI interfaces using canvas/WebGL.
• react-tvml - React bindings to Apple's TVJS and TVML.
• React-Gibbon - React bindings to Netflix's custom Gibbon rendering layer on TV devices.

Hardware

• react-hardware - React Hardware enables you to build firmata-based hardware applications using React.
• react-dmx - Use React components to control lights and devices with DMX channels.
• react-ssd1306 - A React Renderer for SSD1306 OLED chip on Raspberry Pi.

Email

• react-html-email (unmaintained) - Create HTML email templates using React without dealing with archaic HTML elements.
• oy - Render HTML emails on the server with React.
• react-email - Build and send emails using React.

File

• react-pdf - Create PDF files using React.
• redocx - Create word documents using React.
• react-fs-renderer - Declaratively render a tree of files with JSX.
• fileable - Render file trees using JSX Templates.

Design

• react-sketchapp - render React components to Sketch.
• react-figma - render React components to Figma.

Music

• wax - An experimental, JSX-compatible renderer for the Web Audio API.
• react-juce - Custom React renderer for JUCE C++ audio framework.

Chatbot

• urban-bot - React for creating chatbots for any messengers (Telegram, Facebook, Slack, ...).
• phelia - A reactive Slack application framework.
• react-slack-renderer - render Slack messages using React.
• reacord - Create interactive Discord messages using React.

Miscellaneous

• noop-renderer - This is a renderer of React that doesn't have a render target output. It is useful to demonstrate the internals of the reconciler in isolation and for testing semantics of reconciliation separate from the host environment.
• react-test-renderer - React package for snapshot testing.
• react-ast - React AST is the ultimate meta programming tool that uses react to render abstract syntax trees. It can be used to build powerful code generators and babel plugins that are easy to read and can scale.
• react-x11 - React renderer with X11 as a target.
• workflow-react - render your desktop layout with React.
• @ts-graphviz/react - Graphviz-dot Renderer using React.
• react-xpress - React for building Node.js server.
• React-Minecraft - Create Minecraft builds using React.js components

Learn

• Building a Custom React Renderer - "Building a Custom React Renderer | Sophie Alpert" in React Conf 2019.
• tiny-react-renderer - Learn you a React Renderer for Great Good.
• Making-a-custom-React-renderer - Tutorial on how to make a custom React renderer.
• ⚛️👆Beginners guide to React Renderers. How to build your own renderer from scratch?
• Render React to Embedded LCD - Tutorial for building a React renderer that dynamically updates an OLED chip, based on the embeddable QuickJS intepreter, native C driver modules, and a HTML5 canvas emulator.
• React Renderers: an Overview
• Create React Renderer - open source course to learn how to build a custom react renderer

License

To the extent possible under law, Chen-Tsu Lin has waived all copyright and related or neighboring rights to this work.