Notion UI React

bogdanaks

Bogdan Aksenov

Posted on February 26, 2023

Notion UI React

I really like using Notion to store my information in a structured way, including my resume.

Recently, I wanted to create a portfolio site for myself that included information about me, additional links, and some blocks that would only be available to me. For a long time, I couldn't decide on the ideal design for my site. I looked at my Notion page and tried to envision it on my website. Eventually, I realized that I wanted it to look exactly the same and began coding my site by looking at the CV page in Notion.

During the creation process, I divided repetitive UI components such as headings and text, among others. I decided to use them as a third-party resource.
I thought it would be cool to create a UI library out of them and publish it. Perhaps others also love the Notion design system as much as I do 😀

This is how the idea came about, and now I want to briefly introduce it to you:

Notion UI React - npm | git

Storybook
Those who know what Storybook is can immediately jump to the link provided. For those who don't know, they might find it interesting too 😊

Now, I would like to give you a demonstration of one of the pages from my portfolio site:
My website
Website

Everything is built using the components of the Notion UI React library. I really love its clean and minimalistic interface and will continue to update the library and include more components.

If anyone is interested, I would be happy to accept pull requests to add new functionality.
Thank you!

💖 💪 🙅 🚩
bogdanaks
Bogdan Aksenov

Posted on February 26, 2023

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

Notion UI React
notion Notion UI React

February 26, 2023