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.
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
-
Base
Base provides a streamlined starting point for any web project. It’s a collection of class-less solutions, allowing you to focus on building your site using plain HTML.
-
Tokens
Establish a consistent design language across your projects with Design Tokens. Tokens eliminant redundant variations in design elements, ensuring a unified structure throughout your codebase.
-
Utilities
Utilities a focused collection of production-ready CSS utilities, designed for direct use without a build step, each utility is carefully selected for practical application.
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.