Skip to content

Fylgja is A Modular CSS Library for Modern Web Design Lean Maintainable and Scalable Empowers Developers to Effortlessly Build Exactly What They Need

Build with modularity in mind, Fylgja allows you to pick what you need and combine it with other solutions. Fylgja is your guide to make it easier to get started and to introduce complex UI's with ease.

Explore Fylgja's Library Get Started

Redefining Frontend developer experience

Fylgja makes CSS development Modular Lightweight and Easy to Customize

Modular Approach

While Fylgja may sound like a framework, it is highly modular. This allows you to include only the parts you need for a specific project. For instance, with Fylgja Base, you can opt to include just the form styles without pulling in everything else. This modularity extends to all parts of the Fylgja library, ensuring that your project stays lean and efficient.

Lightweight by Design

Fylgja is designed to be compact. You only load what you need, so the overall size of your CSS is determined by your selections. For example, the minified Fylgja Base Preflight is just 6kb, smaller than many other classless CSS libraries and frameworks with similar features.

Extendable

Fylgja's modular nature is built for interoperability. It's designed to work harmoniously alongside your existing or preferred CSS frameworks, allowing you to leverage the strengths of both without conflict.

Easy to Customize

Fylgja is built with low CSS specificity, allowing you to override styles easily, and with Fylgja Base, specificity is kept at zero using the :where selector, meaning your custom styles won’t be disrupted. In addition, Fylgja includes CSS variables where appropriate, making customization quick and straightforward with just a few lines of code.

What is Fylgja?

Fylgja is structured around three core packages

Whats Next

We are continuously developing Fylgja, so expect regular updates.

More CSS Components

  • Input Group
  • Form Extend
  • Card
  • Badge
  • Breadcrumbs
  • Menu

UI Library

Build your user interfaces quickly with our fully-featured library of UI components. We provide components in both HTML and JSX, readily available for use. You can easily copy the code directly from our website or streamline your workflow with our CLI tool.

Framework Presets

Seamlessly integrate with other CSS frameworks, including Tailwind CSS and UnoCSS, to add missing features or extend functionality.

Starter kit for Astro JS

Simplify your Astro and Fylgja development with our opinionated template and ready-to-use UI blocks.

Start building with Fylgja

Prepare for a development environment that can finally keep pace with the speed of your mind.

Get Started