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.

Install via package manager

npm install fylgja

// Include with SCSS
@use "@fylgja/auto-grid";
@use "@fylgja/form";
// Or via PostCSS
@import "@fylgja/auto-grid";
@import "@fylgja/form";

Include via CDN

<!-- All of Fylgja -->
<link href="https://unpkg.com/fylgja/fylgja.css" rel="stylesheet">

<!-- Or each component separately -->
<link href="https://unpkg.com/@fylgja/auto-grid/auto-grid.css" rel="stylesheet">
<link href="https://unpkg.com/@fylgja/form/form.css" rel="stylesheet">

For more download options see our downloads 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.

First we advice you to checkout the Default setup guide on how to get started with a bit more explanation.

Needs more information on a Fylgja Component, checkout the component page this includes the component specific,
and even includes interactive preview.

Want to see more Fylgja in action, checkout our Codepen page where we have samples of each of our CSS components.

^*We are hard at work adding this