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

Category: CSS & CSS3 , Frameworks , Recommended | November 16, 2020
Author:fillerInk
Views Total:4,164 views
Official Page:Go to website
Last Update:November 16, 2020
License:MIT

Preview:

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

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:

notion.css Table

Table

notion.css Nav

Nav

notion.css Code

Code

notion.css Form

Form

notion.css Buttons

Buttons

notion.css Typography

Typography

notion.css heading

Heading

You Might Be Interested In:


Leave a Reply