Finalcss is a powerful and simple frontend toolkit. Build anything—from prototype to production—in minutes.
- Carefully curated UI design - colors and typogrpahy
- Light / Dark mode, without writing extra code
- Tailwind like utility classes, Bootstrap like components
- You're NOT locked into framework
- No JS, No complex setup
- Extend by adding your utility classes and components
Using via CDN
https://cdn.jsdelivr.net/gh/getfinalui/finalcss@main/css/final.min.css
Create a new index.html file in your project root. To include final.css place the tag in the
for our CSS<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Final CSS demo</title>
<link href="https://cdn.jsdelivr.net/gh/getfinalui/finalcss@main/css/final.min.css" rel="stylesheet" async='true' crossorigin='anonymous'>
</head>
<body>
<h1>Hello, world!</h1>
<p>This is my project content</p>
</body>
</html>Download locally
You can Download from Github or click "Download" button at the top-right of this page. If you have downloaded finalcss, then here is overview. We also included many example html templates built with Finalcss library.
📂 your-project │ ├── 📂 scss/ │ │ │ ├── 📂 components/ │ ├── 📂 utilities/ │ ├── 📂 layout/ │ │ │ ├── 📄 _base-settings.scss │ ├── 📄 _reset.scss │ ├── 📄 _grid-system.scss │ ├── 📄 _theme.scss │ ├── 📄 _variables-root.scss │ │ │ └── 📄 final.scss │ ├── 📂 css/ │ └── final.css └ 📄 starter-admin.html 📄 starter-blog.html 📄 starter-table.html 📄 starter-landing.html 📄 starter-login.html