Fylgja Library

Every package Fylgja ships, from the classless base and design tokens to the components and framework extensions.

Core

The packages that every Fylgja project builds on.

Base
Common defaults to make your body and typography look good and easy to change to your needs.
Tokens
Establish a consistent design language across your projects with Fylgja Design Tokens
Utilities
Fylgja utilities provides a curated set of CSS utilities

A collection of versatile and lightweight components designed to accelerate your workflow.

Badge
The Fylgja Badge component allows you to display compact labels or status indicators alongside other UI elements
Breadcrumbs
The Fylgja breadcrumbs component provides a simple, accessible way to render breadcrumb navigation
Card
Create grouped content with the Card for product items, Blog items or for a Dropdown Panel
Toast
The Fylgja Toast component allows you to display compact labels or status indicators alongside other UI elements
Form Extend
Enhance your forms with advanced features, including native validation and flexible base and component styles for a wide range of form fields
Input Group
Create smarter, more intuitive form controls by grouping inputs and buttons together

A collection of extensions, that improve the use of certain features or integrations with other Frameworks

Props Builder
Effortlessly generate Design Tokens (CSS custom properties) from JavaScript objects or JSON files.
Snap Slider
A CSS-powered slider/carousel, enhanced with JavaScript for improved functionality and accessibility.
AlpineJS Dialog
Bring the power and simplicity of Alpine.js to the native HTML Dialog
Preset TailwindCSS
Tailwind CSS preset to use the Fylgja Design System, with its design tokens, base styles, and utilities.
Sass Extend
Add more super powers to your Sass project.
Stylelint Config
Fylgja uses an opinionated Stylelint config to enforce its CSS rules across all of its projects.