Bogdan Aksenov
Posted on February 26, 2023
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:
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!
Posted on February 26, 2023
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.