react-engine - a composite render engine for universal (isomorphic) express apps to render both plain react views and react-router views

•    Javascript

---

Pass in a JavaScript object as options to the react-engine's server engine create method. The options object should contain the mandatory routes property with the route definition.routesFilePath: <String> - path for the file that contains the react router routes. react-engine uses this behind the scenes to reload the routes file in cases where express's app property view cache is false, this way you don't need to restart the server every time a change is made in the view files or routes file.

react render render-engine react-router view-engine express jsx

Webkit

•    C++

---

WebKit is an open source web browser engine. WebKit is also the name of the Mac OS X system framework version of the engine that's used by Safari, Dashboard, Mail, and many other OS X applications. WebKit's HTML and JavaScript code began as a branch of the KHTML and KJS libraries from KDE.

web-browser-engine browser-engine render

pageres - Capture website screenshots

•    Javascript

---

Capture screenshots of websites in various resolutions. A good way to make sure your websites are responsive. It's speedy and generates 100 screenshots from 10 different websites in just over a minute. It can also be used to render SVG images.See pageres-cli for the command-line tool.

page website site web url resolution size screenshot screenshots screengrab screen snapshot shot responsive gulpfriendly phantom phantomjs image svg render html headless capture pic picture png jpg jpeg

pageres-cli - Capture website screenshots

•    Javascript

---

Capture screenshots of websites in various resolutions. A good way to make sure your websites are responsive. It's speedy and generates 100 screenshots from 10 different websites in just over a minute. It can also be used to render SVG images.See pageres for the programmatic API and issues tracker.

cli-app cli page website site web url resolution size screenshot screenshots screengrab screen snapshot shot responsive gulpfriendly phantom phantomjs image svg render html headless capture pic picture png jpg jpeg

hypernova - A service for server-side rendering your JavaScript views

•    Javascript

---

First and foremost, server-side rendering is a better user experience compared to just client-side rendering. The user gets the content faster, the webpage is more accessible when JS fails or is disabled, and search engines have an easier time indexing it.Secondly, it provides a better developer experience. Writing the same markup twice both on the server in your preferred templating library and in JavaScript can be tedious and hard to maintain. Hypernova lets you write all of your view code in a single place without having to sacrifice the user‘s experience.

react server render isomorphic universal express

docpad - Empower your website frontends with layouts, meta-data, pre-processors (markdown, jade, coffeescript, etc

•    CoffeeScript

---

Hi! I'm DocPad, I streamline the web development process and help close the gap between experts and beginners. I've been used in production by big and small companies for over a year and a half now to create plenty of amazing and powerful web sites and applications quicker than ever before. What makes me different is instead of being a box to cram yourself into and hold you back, I'm a freeway to what you want to accomplish, just getting out of your way and allowing you to create stuff quicker than ever before without limits. Leave the redundant stuff up to me, so you can focus on the awesome stuff.Discover my features below, or skip ahead to the installation instructions to get started with a fully functional pre-made website in a few minutes from reading this.

docpad coffeescript static-site-generator preprocessor template-engine node contributions-discover document-management-system dms content-management-system cms generator static-file-server server web web-framework framework web-development development dev build-and-deployment builder build compiler compile parser parse renderer render templating templates language-agnostic website blog cli tool utility scaffold

rapscallion - Asynchronous React VirtualDOM renderer for SSR.

•    Javascript

---

This function returns a Renderer, an interface for rendering your VirtualDOM element. Methods are enumerated below.This function evaluates the React VirtualDOM Element originally provided to the renderer, and returns a Promise that resolves to the component's evaluated HTML string.

react server-side-rendering react-dom asynchronous stream html render ssr

assemble - Get the rocks out of your socks! Assemble makes you fast at creating code projects

•    CSS

---

Get the rocks out of your socks! Assemble makes you fast at creating web projects. Assemble is used by thousands of projects for rapid prototyping, creating themes, scaffolds, boilerplates, e-books, UI components, API documentation, blogs, building websites / static site generator, alternative to jekyll for gh-pages and more! Assemble can also be used with gulp and grunt.

template-engine build static-site static-site-generator templates scaffold generator scaffolder base toolkit app update generate verb node nodejs gulp grunt assemble async-helper blog boilerplate boilerplates bootstrap builder collection compile component content docs document documentation engines handlebars helper helpers html inflections jekyll layout lodash markdown md page partial post pug render scaffolding site smith static symlink task tasks template templating view views website yaml

cytoscape

•    Javascript

---

Cytoscape.js is a fully featured graph theory library. Do you need to model and/or visualise relational data, like biological data or social networks? If so, Cytoscape.js is just what you need. Cytoscape.js contains a graph theory model and an optional renderer to display interactive graphs. This library was designed to make it as easy as possible for programmers and scientists to use graph theory in their apps, whether it's for server-side analysis in a Node.js app or for a rich user interface.

cytoscapejs graph graph-theory network node edge vertex link analysis visualisation visualization draw render biojs cytoscape

remarkable - Markdown parser, done right

•    Javascript

---

Markdown parser done right. Fast and easy to extend. By default, remarkable is configured to be similar to GFM, but with HTML disabled. This is easy to change if you prefer different settings.

commonmark gfm markdown parser md syntax-highlighting nodejs markdown-parser node parse process remarkable render renderer text

react-values - A set of tiny React components for handling state with render props.

•    Javascript

---

A set of tiny, composable React components for handling state with render props. It does this using a small render-prop-based API that exposes helpful transforms like toggle, increment, filter, etc. depending on the type of value, all based on JavaScripts native value types...

react components state-management render-props headless boolean component date map mobx number prop props redux render renderless set state stateful string type types value values

electron-pdf - 📄 A command line tool to generate PDF from URL, HTML or Markdown files.

•    Javascript

---

A command line tool to generate PDF from URL, HTML or Markdown files with electron. There is also an example docker machine here.

electron electron-tool pdf png export render html markdown

ink - 🌈 React for interactive command-line apps

•    Javascript

---

React for CLIs. Build and test your CLI output using components. Ink's goal is to provide the same component-based UI building experience that React provides, but for command-line apps. That's why it tries to implement the minimum required functionality of React. If you are already familiar with React (or Preact, since Ink borrows a few ideas from it), you already know Ink.

react cli command-line interactive jsx stdout components preact redux print render colors text

cax - HTML5 Canvas 2D Rendering Engine - 小程序、小游戏以及 Web 通用 Canvas 渲染引擎

•    Javascript

---

HTML5 Canvas 2D Rendering Engine - 小程序、小游戏以及 Web 通用 Canvas 渲染引擎

canvas svg render web weapp wegame miniprogram minigame 2d

react-ape - 🦍• [Work in Progress] React Renderer to build UI interfaces using canvas/WebGL

•    Javascript

---

React Renderer to build UI interfaces using canvas/WebGL. React Ape is a react renderer to build UI interfaces using canvas/WebGL. React Ape was built to be an optional React-TV renderer. It's mainly a renderer focused on creating things for TV, PS4, Nintendo Switch, PS Vita, PS3 and low memory devices. If you're curious about the name: It's a "joke" with Netflix's React Gibbon renderer. I choose to use Ape then.

react react-renderer renderer render gl webgl webgl2 canvas canvas-html5

terminalizer - 🦄 Record your terminal and generate animated gif images

•    Javascript

---

Still facing an issue? Check the Issues section or open a new issue.

terminal record capture shot bash powershell gif animated generate theme colors font repeat command-line shell zsh bash-profile render tty pty

react-native-render-html - iOS/Android pure javascript react-native component that renders your HTML into 100% native views

•    Javascript

---

An iOS/Android pure javascript react-native component that renders your HTML into 100% native views. It's made to be extremely customizable and easy to use and aims at being able to render anything you throw at it. Based on the original work of Thomas Beverley, props to him.

react-native render html styling css customizable ios android react-component react-native-component render-html

dom-to-image - Generates an image from a DOM node using HTML5 canvas

•    Javascript

---

dom-to-image is a library which can turn arbitrary DOM node into a vector (SVG) or raster (PNG or JPEG) image, written in JavaScript. It's based on domvas by Paul Bakaus and has been completely rewritten, with some bugs fixed and some new features (like web font and image support) added. Include either src/dom-to-image.js or dist/dom-to-image.min.js in your page and it will make the domtoimage variable available in the global scope.

css svg html image canvas dom vector raster render

google-map-react - Google map library for react that allows rendering components as markers :tada:

•    Javascript

---

google-map-react is a component written over a small set of the Google Maps API. It allows you to render any React component on the Google Map. It is fully isomorphic and can render on a server. Additionally, it can render map components in the browser even if the Google Maps API is not loaded. It uses an internal, tweakable hover algorithm - every object on the map can be hovered. The development of this package is sponsored by Atlist. Atlist is a no-code tool for creating custom maps with multiple markers.

react map google component maps reactjs isomorphic render react-component

markdown-toc - Generate a markdown TOC (table of contents) for a README or any markdown files, using remarkable

•    Javascript

---

Generate a markdown TOC (table of contents) with Remarkable. Use as a remarkable plugin.

toc-generator table-of-contents toc markdown navigation project readme md anchor commonmark docs document documentation glossary heading index links plugin reference remarkable remarkableplugin render renderer table write