All Projects → fylgja → fylgja

fylgja / fylgja

Licence: MIT license
The modular highly customisable CSS framework. Powered by CSS Components, Utilities and Props for building your Web UI.

Programming Languages

SCSS
7915 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to fylgja

postcss-variable-compress
Minifies css variable names
Stars: ✭ 18 (-72.31%)
Mutual labels:  postcss, css-custom-properties, css-variables
Halfmoon
Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools.
Stars: ✭ 2,583 (+3873.85%)
Mutual labels:  css-framework, css-custom-properties, css-variables
multi-brand-colors
Multi Brand Colors with support for CSS/CSS-Vars/SCSS/SASS/Stylus/LESS/JSON
Stars: ✭ 26 (-60%)
Mutual labels:  postcss, css-variables
fortune
🔮Fortune is your friendly CSS properties framework.
Stars: ✭ 16 (-75.38%)
Mutual labels:  postcss, css-framework
Minna Ui
😸 A fast, friendly, and fun web UI kit for everyone.
Stars: ✭ 86 (+32.31%)
Mutual labels:  postcss, css-framework
Must Watch Css
A useful list of must-watch talks about CSS
Stars: ✭ 3,966 (+6001.54%)
Mutual labels:  css-framework, css-variables
swatch
A lightweight, modern theming library based on CSS variables and the setter/getter pattern.
Stars: ✭ 14 (-78.46%)
Mutual labels:  css-framework, css-custom-properties
Daisyui
⭐️ ⭐️ ⭐️ ⭐️ ⭐️  Tailwind Components
Stars: ✭ 382 (+487.69%)
Mutual labels:  postcss, css-framework
pollen
The CSS variables build system
Stars: ✭ 754 (+1060%)
Mutual labels:  css-framework, css-variables
React Native Css Modules
Style React Native components using CSS, PostCSS, Sass, Less or Stylus.
Stars: ✭ 207 (+218.46%)
Mutual labels:  postcss, css-variables
Rucksack
A little bag of CSS superpowers, built on PostCSS
Stars: ✭ 1,861 (+2763.08%)
Mutual labels:  postcss, css-framework
Mobi.css
A lightweight, scalable, mobile-first CSS framework
Stars: ✭ 2,348 (+3512.31%)
Mutual labels:  postcss, css-framework
Grayshift
A lightweight front-end component library for developing fast and powerful web interfaces.
Stars: ✭ 304 (+367.69%)
Mutual labels:  css-framework, css-variables
animadio
Animadio CSS Framework
Stars: ✭ 24 (-63.08%)
Mutual labels:  css-framework, css-variables
postcss
No description or website provided.
Stars: ✭ 59 (-9.23%)
Mutual labels:  modular, postcss
sircus
Flexible Modular CSS Family for Designing in the Browser.
Stars: ✭ 19 (-70.77%)
Mutual labels:  postcss, css-framework
v-helper
A shorter SCSS access to CSS custom properties.
Stars: ✭ 14 (-78.46%)
Mutual labels:  css-custom-properties, css-variables
theme-change
Change CSS theme with toggle, buttons or select using CSS custom properties and localStorage
Stars: ✭ 283 (+335.38%)
Mutual labels:  css-custom-properties, css-variables
Tailwindcss
A utility-first CSS framework for rapid UI development.
Stars: ✭ 50,879 (+78175.38%)
Mutual labels:  postcss, css-framework
Core
Native HTML Elements with CSS superpowers. 🕶
Stars: ✭ 237 (+264.62%)
Mutual labels:  postcss, css-variables

Fylgja is a component based CSS framework. Allowing you to use only what you need.

Each component is build as foundation for a specific component. So you can style it to your own look. Without having to build the base styles every time.

Fylgja is powered via SCSS. But can also be used via PostCSS or just as plain CSS. Making it easy to include it in your exciting project, or in your preferred setup.

Want to learn more? Check out our site, https://fylgja.dev

Installation

See each component on how to install them separately.

Or download Fylgja as one package.

npm install fylgja

Include fylgja as one package in to your code via;

@use "fylgja";
// Or via PostCSS import
@import "fylgja";

For on how to configure each component via this one import, See our Guides, or each component.

Support

Do you want to support Fylgja?

You can that in many ways.

Start with starring the repro. Or share us on your favorite social network with the hashtag #FylgjaCode. Making it easier for others to find Fylgja.

But you also contribute directly to fylgja by;

  • Adding a issue or feature.
  • Adding a pull request to our github repo.
  • Helping out with the Site doc and guides, via the github repo.

We appreciate any contribution, no matter if it is small or big.

Testing/Playground

We have a very simple testing ground for a our CSS Components.

The entry file is found in the root (index.html) and all sub pages are found in _playground, and each file is a basis html file.

We have a option to start the playground with a localhost port, run npm run dev:playground or npm run dev

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].