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 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

The Button component serves as an interactive element. To call your users to an action

Add a collection of prebuild colors to any project with ease, using Fylgja Colors

The Fylgja container component

The control component styles the default input radio's and checkbox's

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.

The form component is super easy to use. Since it is a zero config module that styles the form elements directly

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.