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';

<Cover
  src="https://images.unsplash.com/photo-1589802787293-c7009d1fce33?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80"
/>
<Heading size={900}>Heading 900</Heading>

Examples

To view examples, open Storybook:

npm run storybook

Release

Update package version. Then run:

npm run build
npm publish