React Potion

A Notion-like design system. This repo is in not affiliated to Notion in any way.

Why?

Notion is great for writing content but also has a nice design system for blocks-based design. This repo attempts to replicate some of the benefits that Notion offers.

The project was originally created for and is used by Pageably, a No-Code CMS for your Notion pages.

Get started

npm i -S react-notion

To use:

import{Cover,Heading}from'react-notion';<Coversrc="https://images.unsplash.com/photo-1589802787293-c7009d1fce33?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80"/><Headingsize={900}>Heading900</Heading>

Examples

To view examples, open Storybook:

npm run storybook

Release

Update package version. Then run:

npm run build
npm publish