The modular highly customizable CSS framework.

Or explore the full range of Fylgja's Components →

SCSS

@use "@fylgja/theme" with (
  $color-theme: #1565c0,
  $color-on-theme: #fff
);

@use "@fylgja/button";
@use "@fylgja/form";
@use "@fylgja/control";
@use "@fylgja/auto-grid";
@use "@fylgja/utilpack";

PostCSS Import

:root {
  --color-theme: #1565c0;
  --color-on-theme: #fff;
}

@import "@fylgja/button";
@import "@fylgja/form";
@import "@fylgja/control";
@import "@fylgja/auto-grid";
@import "@fylgja/utilpack";

The experiences you get from using Fylgja

Fylgja is a highly flexible CSS framework that brings together the best features from other frameworks.

With Fylgja, you have the option to use it as is or customize it to fit your unique needs with your own CSS.

Whether you're looking to enhance your current stack or build a new project from scratch,
Fylgja is the ideal solution.

Modularity first
Fylgja is build with modularity in mind, import only what you need.
No extra tools required.
Add your own style, with ease
Use Fylgja as a solid basis to build your own styles with minimal effort, thanks to SCSS and/or CSS Variables
RTL out of the box
Fylgja is made with writing direction in mind, so it works with Languages that use a different direction than LTR
Web Accessibility in mind
Each Fylgja component is built with accessibility in mind, and Encourages the use of the right HTML syntax
Easy to start with design tokens
Fylgja offers a comprehensive set of design tokens,
also known as CSS props, available through Javascript, SCSS, and CSS
Empower Your Designs with CSS Utilities
Fylgja streamlines design with CSS utilities, easy experimentation, no awkward modifiers, and RTL ready