Getting Started

New to Fylgja and not sure where to begin?

The most straightforward way to get started is by using Fylgja as your CSS foundation.

While Fylgja is technically a library at its core, it's designed to function seamlessly as a CSS framework.

There are several ways to integrate Fylgja into your project, but the easiest and most recommended approach is using the meta package.

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

Using Fylgja

  • Fylgja Base: The base styles are applied without the need to add specific classes, providing a consistent starting point for your project.
  • Fylgja Tokens: You can inspect the available design tokens directly in your browser's developer tools to understand the styling variables available to you.

For more in-depth information and details about each package, be sure to explore the comprehensive Fylgja Library documentation.