Introduction

Fylgja is a component based CSS framework, allowing you to pick only what you need,

this will keep your build bundle small without using any tools.

So instead of including everything as one package, you can only include only what you need, keeping your CSS small without any tools.

/* So instead of */
@import "vendor";

/* You do this */
@import "@fylgja/auto-grid";
@import "@fylgja/utilpack";

Quick start

npm install fylgja

And include it with;

// SCSS
@use "@fylgja/auto-grid";
@use "@fylgja/form";
// ...more
/* PostCSS Import */
@import "@fylgja/auto-grid";
@import "@fylgja/form";
/* ...more */

For more information on how to add Fylgja see our downloads page,

and for the documentation of each Fylgja CSS Component, see each component at the Fylgja components page.

More to help you getting started

If you still have questions or are looking for some samples.

We have growing section of guides, UI Components* and starter projects.

We advice you to first checkout the Default setup guide on how to get started.

Or if you want to see some code in action, checkout our Codepen page where we have samples of each of our CSS components.

*We are hard at work adding this