Rich Text To Jsx screenshot

Rich Text To Jsx

Author Avatar Theme by Connor baer
Updated: 2 Jan 2026
54 Stars

Opinionated JSX renderer for the Contentful rich text field type.

Categories

Overview

rich-text-to-jsx is a JSX renderer for the Contentful Rich Text field type. It allows for easy rendering of HTML tags, embedded entries, and assets with customizable options. The package is lightweight, coming in at around 4 kB gzipped. It requires React >= 16.0.0 and has specific content structure requirements.

Features

  • HTML tags (node types) rendered by the compiler can be overridden to include additional props or use a different React component entirely.
  • Different components can be used to render embedded entries and assets based on whether they are inline, blocks, or hyperlinks.
  • The rendering function can be customized.
  • The package is lightweight, with a gzipped size of around 4 kB.

Installation

To install @madebyconnor/rich-text-to-jsx, use your preferred package manager.

Summary

rich-text-to-jsx is a lightweight JSX renderer for Contentful Rich Text field type. It offers the ability to customize the rendering of HTML tags, embedded entries, and assets, and has a small package size. The installation process is simple, and the package requires React >= 16.0.0.