Blog

Spruce how-to and generic front-end development articles.

#eleventy
August 26, 2023

Why You Should Choose Eleventy as Your Static Site Generator

A geometric illustration pattern.
#scss
June 29, 2023

8 Helpful Sass Mixins and Functions

An abstract 3D illustration of a webpage in the browser.
#css, #ui
May 30, 2023

Cracking the Theme Switcher and Dark Mode

A geometric illustration pattern.
#css
April 15, 2023

4 Areas Where Modern CSS Solves a Lot

Abstract geometric vector illustration
#sass
February 05, 2023

Internationalization (right-to-left support) with CSS Frameworks

#how-to
January 04, 2023

How to Reduce Spruce CSS Size

A geometric illustration pattern with squares and square-based pyramids.
#sass
December 03, 2022

About Modern Sass

#ui
November 26, 2022

Introduction of Spruce UI

#how-to
November 13, 2022

How to Setup a Dark Theme in Spruce CSS

#how-to
October 07, 2022

How to Configure Spruce CSS in Your Project

Categorizing CSS frameworks are sometimes more straightforward, sometimes more complex. Usually, we can put them in a group based on their philosophies.
#css
July 08, 2022

The Different Types of CSS Frameworks

Sass is the most popular CSS preprocessor. It is a great tool to manage your stylesheets differently and (maybe) better.
#sass
June 25, 2022

Why Use Sass?

An illustration about a woman who working on her computer.
#css
May 02, 2022

Writing Better CSS

An illustration with a hand holding a lightbulb.
#css
March 17, 2022

How to Choose a CSS Framework

Abstract geometric illustration.
#sass
September 03, 2021

The Simplest Sass Compile Setup

Documentation

Learn about Spruce CSS through our extensive documentation.

Components

Explore our extensive UI library built with Spruce CSS.

Blog

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

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.

GitHub