^{Based on the original work of Thomas Beverley, props to him.}

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

** We've moved from react-native-render-html to @native-html/native. The v1 release is stable, and is now-on the recommended. @native-html/native v1 follows exactly the same API as react-native-render-html does, so migrating is plug-and-play.

⚠️ You are on the main branch which is home for the latest development. Check the table bellow to get documentation for your exact version.

Minor	Branch	Documentation	Latest
next	main	-

npm install @native-html/render

yarn add @native-html/render

import React from 'react';
import { useWindowDimensions } from 'react-native';
import RenderHtml from '@native-html/render';

const source = {
  html: `
<p style='text-align:center;'>
  Hello World!
</p>`
};

export default function App() {
  const { width } = useWindowDimensions();
  return (
    <RenderHtml
      contentWidth={width}
      source={source}
    />
  );
}

See our official website

You like to learn by example? We have a tutorial from which the demo GIF has been extracted: A WebView-free Blog App with Native HTML.

The changelog is available here: packages/render-html/CHANGELOG.md.

Please refer to our dedicated document.

You're always welcome to join our discord channel :-).

This project has been built and is maintained thanks to the support from jsamr and Software Mansion

Check-out our contributing guide.

• You can report bugs in our Issue Tracker;
• We handle Feature Requests in our Canny board.

Want to support this project or hire us to implement a feature? Check out this page.

Package	Release	Build Status	Coverage
@native-html/css-processor
@native-html/transient-render-engine