Notion Style Minimal CSS Front-end Framework – notion.css

Preview:

Description:

notion.css is a minimal clean front-end framework inspired by Notion note-taking app.

You can use Notion.css if you’re making a simple website and don’t want to spend much time in styling, yet have a pleasing design. Heck, you can even use it to bring in all the elements you use in your Notion page to your HTML.

How to use it:

1. Download and unzip the package.

2. Load the main stylesheet in the document and we’re ready to go.

<link rel="stylesheet" href="src/notion.css" />

Previews:

Table

Nav

Code

Form

Buttons

Typography

Heading