Notion UI React

Notion UI React is a Notion style UI library. It contains a set of general purpose user interface components.

Demo

Storybook

Quick Start

Install library in your project:

npm install notion-ui-react

Or, if you use yarn:

yarn add notion-ui-react

Use it in a React project:

import { Heading, Divider, Text } from "notion-ui-react"

const MyComponent = () => {
  return (
    <div>
      <Heading level={3}>Heading 3 level</Heading>
      <Text italicize bold underline>
        Some text
      </Text>
      <Divider />
      <Text italicize style={{ fontSize: 12, padding: 0 }}>
        Text with custom styles
      </Text>
    </div>
  )
}

export default MyComponent

How can I support the developers?

• Star our GitHub repo :star:
• Create pull requests, submit bugs, suggest new features or documentation updates :wrench:

License

MIT license.

From Developers

Made with :heart: by Bogdan Aksenov. I always happy to receive your feedback!