Getting Started

New to Fylgja? Here’s how to get started.

The most straightforward way to begin is by using Fylgja as your CSS foundation. Although it's a library at its core, it’s designed to work like a framework out of the box.

You can integrate Fylgja in several ways, but the easiest and most recommended approach is to use the meta package.

Using Fylgja

Fylgja is an HTML-first UI library that focuses on offering classless styling through Fylgja Base.

This provides a solid starting point for any HTML element and is easily extendable with our other core packages:

  • Fylgja Tokens: A design library that provides sensible defaults and consistency through CSS Props (Design Tokens).
  • Fylgja Utilities: A curated list of CSS utilities.

For more in-depth information about each package, explore the Fylgja Library documentation.

Installation & Quick Start

Install the meta package using npm:

npm install fylgja

This single command installs the following essential packages:

  • @fylgja/base: Provides a solid foundation of base styles.
  • @fylgja/tokens: Offers a set of design tokens for consistent styling.
  • @fylgja/utilities: Includes a curated collection of helpful CSS utilities.

Once installed, you can import these packages into your project:

@import "@fylgja/base";
@import "@fylgja/tokens";
@import "@fylgja/utilities";