Whatever you are making, Fresh gives you the perfect boilerplate styles while also giving you great production-value looks.
All while still maintaning beautiful, easy to read code.
Fresh is an open source, lightweight CSS and JS framework designed for small web apps and projects. Whether you're using it for prototyping, testing, or production, Fresh helps keep styling easy and under control.
Set Up with JSDelivr
Just link to the CDN in your code:
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/HazelBall/Fresh/fresh.min.css">
<script src="https://cdn.jsdelivr.net/gh/HazelBall/Fresh/fresh.min.js"></script>
Easy to Customize
Fresh uses CSS variables to create a seamless transition between themes and colors, just change the color in the head tag and you're set!
Deploy Fast
Fresh is robust, but lightweight. Only 22kb Minified. With the JSDelivr CDN, get quick styling and minified files.
Beautiful Styling, Beautiful Code
Simple Styling
<div class = "card rounded">
<div class = "header">
Insert Title Here
</div>
<div class = "content">
Insert Content Here
</div>
</div>
Beautiful Typography with Lato
Lato is a font that displays nicely in both titles and paragraphs. Fresh uses Google Fonts to distribute the font, so you don't have to worry about fonts. However, you can override this font with your own fonts if you want.
Utility classes such as .text-weight-700 and .text-center can be used to customize the text for elements and within elements.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Customization is as simple as CSS
<style>
:root {
--color-accent: #feac24;
--text-accent: white;
--color-primary: #202020;
--text-primary: white;
}
</style>
Fresh uses CSS variables, the simplest way to customize stylesheets from web pages. All colors, and some styling, can be customized with Fresh to give you the best possible website theme.
Fresh features a primary color, used for backgrounds, as well as accent and secondary colors to enhance your website and give it that amazing look it needs.
