Getting Started

There are a few ways to start using Leaf:

1. Using NPM

npm install @fanxie/leaf-css

2. Using jsDelivr CDN

https://cdn.jsdelivr.net/npm/@fanxie/leaf-css/css/leaf.min.css
or
https://cdn.jsdelivr.net/npm/@fanxie/leaf-css/css/leaf_roboto.min.css

3. Download directly from the repo:

https://gitlab.com/fanxie-libraries/leaf/leaf-css


Font Awesome

If you want to use Font Awesome or any other icon library, don't forget to include it:

<script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>

Requirements

1. Use the HTML5 doctype

<!DOCTYPE html>

2. Add the responsive viewport meta tag

<meta name="viewport" content="width=device-width, initial-scale=1">
Modularity →