Native CSS Utilities

A look into how the new and improved CSS attr() function will change the way we write CSS utilities.

The Fylgja UI Library is nearing completion! πŸš€

After releasing the Badge and Toast components at the end of the year, we’re now finalizing the core set.

🏷️ Badge: Lightweight status & count indicators. πŸ”— https://fylgja.dev/library/components/badge/

🍞 Toast: Non-intrusive, accessible notifications. πŸ”— https://fylgja.dev/library/components/toast/

Missing a specific CSS component? It’s likely in our final batch! πŸ› οΈ

#FylgjaCSS #WebDev #CSS #DesignSystems #OpenSource #UIUX

Badge

The Fylgja Badge component allows you to display compact labels or status indicators alongside other UI elements

Did you know that Fylgja CSS plays nicely with CSS utility frameworks like Tailwind CSS and UnoCSS?

If you haven't tried it yet, give it a shot and see how it works for you.

We also released a cool new plugin for Tailwind CSS that lets you configure all of your CSS props (variables) right from your tailwind.config.js file. Check it out here: https://github.com/fylgja/tailwindcss-plugin-cssprops

#FylgjaCSS #CSS #TailwindCSS #UnoCSS

GitHub - fylgja/tailwindcss-plugin-cssprops: A plugin for Tailwind CSS that streamlines CSS variable management

A plugin for Tailwind CSS that streamlines CSS variable management - GitHub - fylgja/tailwindcss-plugin-cssprops: A plugin for Tailwind CSS that streamlines CSS variable management

GitHub

The Fylgja Colors Tokens Componenten is making significant progress and is now in its beta phase. You have the opportunity to try it out and access the updated documentation at https://fylgja.dev/components/colors/. We are currently fine-tuning the colors and preparing the documentation for oklch, so there's even more great stuff on the way. Stay tuned!

#CSSProps #FylgjaCSS #OKLCH

Colors - Fylgja

Add a collection of prebuild colors to any project with ease, using Fylgja Colors.

Fylgja v1.3 is out! πŸŽ‰

New in #FylgjaCSS v1.3 is full support for #cssprops, #csslayers and our first steps to v2 with beter focus on native #html styles, to simplify your frontend with a good foundation, check it out https://github.com/fylgja/fylgja/releases/tag/1.3.0

Release v1.3.0 Β· fylgja/fylgja

Added bundle for native elements, use with: fylgja/fylgja-html.css CSS props for border CSS props for fonts Marquee component (not part of the core install) Tokens component (not part of the core ...

GitHub