{"id":15769685,"url":"https://github.com/fylgja/fylgja","last_synced_at":"2025-04-13T02:11:24.388Z","repository":{"id":8736634,"uuid":"59579493","full_name":"fylgja/fylgja","owner":"fylgja","description":"The flexible and lightweight CSS library designed to streamline your web development.","archived":false,"fork":false,"pushed_at":"2025-04-06T08:25:25.000Z","size":2796,"stargazers_count":99,"open_issues_count":8,"forks_count":1,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-04-06T15:50:14.492Z","etag":null,"topics":["css-base","css-custom-properties","css-library","css-preflight","css-utilites","design-tokens","fylgja","utility-classes"],"latest_commit_sha":null,"homepage":"https://fylgja.dev","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/fylgja.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-05-24T14:18:06.000Z","updated_at":"2025-04-06T08:25:22.000Z","dependencies_parsed_at":"2024-01-10T11:25:00.508Z","dependency_job_id":"a8ba711f-43ef-44c1-bfbd-16e0051a62e1","html_url":"https://github.com/fylgja/fylgja","commit_stats":{"total_commits":1146,"total_committers":5,"mean_commits":229.2,"dds":"0.14048865619546247","last_synced_commit":"2c1ddddbeb05000f650b1961c8aa1894a45ca544"},"previous_names":[],"tags_count":23,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fylgja%2Ffylgja","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fylgja%2Ffylgja/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fylgja%2Ffylgja/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fylgja%2Ffylgja/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fylgja","download_url":"https://codeload.github.com/fylgja/fylgja/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248654090,"owners_count":21140236,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css-base","css-custom-properties","css-library","css-preflight","css-utilites","design-tokens","fylgja","utility-classes"],"created_at":"2024-10-04T14:04:10.267Z","updated_at":"2025-04-13T02:11:24.372Z","avatar_url":"https://github.com/fylgja.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\u003cdiv role=\"heading\" aria-level=\"1\"\u003e\n  \u003ca href=\"https://fylgja.dev/\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/fylgja/.github/main/assets/logo.svg\" alt=\"Fylgja: Your Modular CSS Toolkit\" width=\"300\" height=\"130\"\u003e\n  \u003c/a\u003e\n\u003c/div\u003e\n\nThe flexible and lightweight CSS library designed to streamline your web development.\n\n[![GitHub Workflow Status](https://img.shields.io/github/actions/workflow/status/fylgja/fylgja/test.yml?branch=main\u0026logo=github)](https://github.com/fylgja/fylgja/actions)\n[![NPM version](https://img.shields.io/npm/v/fylgja?logo=npm)](https://www.npmjs.com/package/fylgja)\n[![License](https://img.shields.io/github/license/fylgja/fylgja?color=%23234)](/LICENSE)\n\n\u003c/div\u003e\n\n**Fylgja CSS** empowers developers with a modular and customizable approach to styling web projects. Unlike monolithic frameworks, Fylgja provides focused solutions that enhance your workflow without adding unnecessary bloat.\n\n## Why Choose Fylgja?\n\n* **Modular Design:** Include only the components you need, keeping your CSS lean and efficient.\n* **Lightweight Core:** Start with a minimal footprint, thanks to optimized components and a size-conscious philosophy.\n* **Customization First:** Easily override styles with low specificity and leverage CSS variables for quick adjustments.\n* **Seamless Integration:** Works harmoniously with existing tools like TailwindCSS or UnoCSS.\n\n## Core Components\n\nFylgja offers a suite of modular components to suit your development needs:\n\n* **Fylgja Base:**\n    * A robust foundation that goes beyond basic resets.\n    * Provides sensible default styles for common HTML elements using classless styling.\n    * Ensures cross-browser consistency without unnecessary overrides, leveraging `:where` for zero specificity.\n    * Example: A better browser default, form and button styles out of the box.\n* **Fylgja Tokens (Props):**\n    * A centralized system for managing design values (colors, spacing, etc.).\n    * Available as SCSS or CSS variables for easy integration and customization.\n    * Use Fylgja's build tools to tailor tokens to your project's specific requirements.\n* **Fylgja Utilities:**\n    * A collection of focused CSS utility classes.\n    * Designed to complement, not replace, utility-first frameworks.\n    * Seamlessly integrates with Fylgja Tokens, Open Props, or other variable-driven systems.\n* **Fylgja Components:**\n    * Ready-to-use, single-class components for building complex UI elements.\n    * Accelerates development by providing pre-styled, reusable components.\n\n## Modularity in Action\n\nFylgja's modularity allows you to pick and choose the components that fit your project's needs. For instance, you can use **Fylgja Base** solely for its form styles, without importing other elements. This granular control ensures optimal performance and minimal bloat.\n\n## Performance Optimized\n\nFylgja prioritizes performance by delivering lightweight components. For example, the minified **Fylgja Base** Preflight is only 6kb, significantly smaller than many comparable libraries.\n\n## Effortless Customization\n\nFylgja is designed for effortless customization. Low CSS specificity and the use of CSS variables enable you to easily adapt styles to your project's unique design. The `:where` selector within **Fylgja Base** ensures that your custom styles are never overridden unintentionally.\n\n## Getting Started\n\nExplore the Fylgja documentation at [fylgja.dev](https://fylgja.dev/) to learn how to integrate Fylgja into your workflow.\n\n```bash\nnpm install fylgja\n```\n\nStart building your next project with the flexibility and efficiency of Fylgja.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffylgja%2Ffylgja","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffylgja%2Ffylgja","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffylgja%2Ffylgja/lists"}