Fylgja component Packages

Create a fully fledged css grid with the power of flexbox

Helper component for adding theme specific variables to multiple components

The Fylgja stretched-link component, make any component fully clickable via a nested link

The table component is super easy to use. Since it is a zero config module that styles the table directly. Allowing you to focus on the table it self

A collection of all Fylgja tokens offered for specific design tools or frameworks.

Add transforms with ease, with the power of CSS variables.

Add transitions with ease, with the power of CSS variables.

Build and use your own CSS utility classes with Sass using the Fylgja utilpack.

The Fylgja z-layer offers Design Tokens (CSS props) for consistent and semantic z-indexing

The aria-only (a.k.a. sr-only) visually hides elements. But keeps it accessible to screen-readers and other aria tools

The aspect ratio component allows you to make not just videos. But anything you want to a certain responsive aspect ratio

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

The avatar component allows you to make a avatar style with ease

Badges component serves as a small blocks to indicate notifications. Or to highlight an item

Common defaults to make your body and typography look good. And easy to change to your needs

The Fylgja details component

The Fylgja dialog component

The Fylgja easing Design Tokens (CSS props) component

The Elevation component is a util package for shadows. Where it offers shadows as CSS variables

The Fylgja fonts offers Design Tokens (CSS props) for consistent and semantic typography.