The modular highly customizable CSS framework.

Get started

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