The modular highly customizable CSS framework.
@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";
: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 very flexable CSS framework,
it offers the best features from other CSS frameworks, bundled into one framework.
Use and extend it with your own CSS or extend your current stack with Fylgja.
Modularity
Fylgja is build with modularity in mind, import only the parts you need,
keep your bundle size and CSS small without using any extra tools, like PurgeCSS.Ease to edit and to add your own style
Use Fylgja as a solid basis to build your own styles with minimal effort,
thanks to SCSS and/or CSS VariablesRTL out of the box
Fylgja is made with writing direction in mind,
so it works with Languages that use a different direction than LTR.Ease to start with the Fylgja Design Tokens and CSS Utilities
Fylgja comes with a set of Design Tokens and CSS Utilities offered trough Javascript, SCSS and CSS.
Web Accessibility in mind
Each Fylgja component is built with accessibility in mind,
and Encourages the use of the right HTML syntax.
Combine the power of
Native styles
CSS Components
CSS Utilities

Into one Framework
Our Featured CSS Components
Our Featured CSS Components, that really show the full potential of what each Fylgja Component can do.

Form
The form component is super easy to use, it's a zero config module that styles all form elements directly. Allowing you to focus on the form itself.

Dialog
The dialog combines 3 components in 1, it a modal by default, and with a small change it's a offcanvas, notification popup aka the snackbar.

Auto Grid
A super small grid with auto flowing behavior, based on the container size. Using a similar method to container queries.

Utilpack
Build and use your own CSS utility classes with Sass using the Fylgja utilpack.
Want to explore what Fylgja has the offer, checkout the Components page