Check out our Root admin template!

A minimalistic, low-level CSS framework

A low-level, lightweight and modern CSS system, authoring tool built on Sass. Give your project a solid foundation.

@use 'dark-colors' as dark;
@use 'sprucecss/scss/spruce' with (
$colors: (
'footer': (
'background': hsl(215deg 100% 98%),
$dark-colors: dark.$colors,
$typography: (
'font-family-base': #{'Open Sans', sans-serif},
'font-family-heading': #{'Manrope', sans-serif},


Learn about Spruce CSS through our extensive documentation.


Explore our extensive UI library built with Spruce CSS.


Read about front-end development and concepts of Spruce CSS.

Good to Know

Spruce CSS in nutshell.

Find us on GitHub

Did you find a bug? Have an idea or a question? Please open an issue to help us develop the project.