The modular highly customizable CSS framework.

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.

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
:root {
--color-theme: #1565c0;
--color-on-theme: #fff;
}

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

No JavaScript required

Fylgja is CSS only, so you can integrate it in any JS environment,
without having to worry it conflicts with something.

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 Variables and CSS Utilities.

Combine the power of

Native styles

CSS Components

CSS Utilities

Whats Fylgja all has to offer

Into one Framework

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.