> src="https://img.shields.io/codecov/c/gh/meliorence/react-native-render-html"
alt=""
/>
href="https://github.com/meliorence/react-native-render-html/actions?query=branch%3Amaster+workflow%3ACI"
> src="https://github.com/meliorence/react-native-render-html/workflows/CI/badge.svg?branch=master"
alt=""
/>
> src="https://img.shields.io/github/issues/meliorence/react-native-render-html.svg"
alt="github issues"
/>
> />

@native-html/render

^{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.

$3

**The Foundry (v6) release is finally stable, and is now-on the recommended
version. Check out the announcement blog post** in our brand new
website.
We also have a **migration
guide**
for those who are coming from v5 and below.

> :warning: You are on the master branch which is home for the latest development.
> Check the table bellow to get documentation for your exact
> version.

| Minor | Branch | Documentation | Latest |
| ----- | ---------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ |
| next | master | - |  |
| 6.3 | release/6.3 | Official Website |  |
| 5.1   | release/5.1   | release/5.1/README.md |  |
| 4.2   | release/4.2   | release/4.2/README.md |  |

:computer: Install

``bash
npm install @native-html/render
`

`bash
yarn add @native-html/render
`

:speedboat: Basic Usage

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

const source = {
html:

Hello World!

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

:blue_book: Documentation

See our official website and the official Discovery App.

:iphone: Example

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

:notebook: Changelog

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

:bulb: Help

Please refer to our dedicated document.

👥 Community

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

:pencil: Contributing

Check-out our contributing guide.

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

:blue_heart: Sponsorship

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

Core Librairies for @native-html/render

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