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.
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.
@use "@fylgja/theme" with (
Fylgja is CSS only, so you can integrate it in any JS environment,
without having to worry it conflicts with something.
Use Fylgja as a solid basis to build your own styles with minimal effort,
thanks to SCSS and/or CSS Variables and CSS Utilities.
Into one Framework
Fylgja is made with writing direction in mind,
so it works with Languages that use a different direction than LTR.
Each Fylgja component is built with accessibility in mind,
and Encourages the use of the right HTML syntax.
Our Featured CSS Components, that really show the full potential of what each Fylgja Component can do.
Want more? See the full list of Fylgja CSS Components here.
Build and use your own CSS utility classes with Sass using the Fylgja utilpack.
A super small grid with auto flowing behavior, based on the container size. Using a similar method to container queries.
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.
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.