iiinova — where your digital self keeps evolving

Reposted by UnoCSS

Chris @handle.invalid · 10/01/2025

@unocss.dev has been production ready for a long time. Now, we have finally fixed the versioning! Let's start the Epoch Semantic Versioning journey~ github.com/unocss/unocs...

github.com

Releases · unocss/unocss

The instant on-demand atomic CSS engine. Contribute to unocss/unocss development by creating an account on GitHub.

1447

Reposted by UnoCSS

Maxi @onmax.me · 18/01/2025

Today, I tried out Fluid Sizing in CSS. You set one size for mobile and another for desktop, and the code smoothly calculates the value in the gap between different scree sizes. Then, I created a @unocss.dev preset: github.com/onmax/unocss...

github.com

GitHub - onmax/unocss-preset-fluid-sizing: UnoCSS preset for fluid sizing with UnoCSS philosophy in mind.

UnoCSS preset for fluid sizing with UnoCSS philosophy in mind. - onmax/unocss-preset-fluid-sizing

041

UnoCSS @unocss.dev · 27/11/2024

We are cooking something for the next minor version: - Async generator creation and async presets support - Allow variants to branch multiple rules - On-demand preflights, only needed CSS variables will be shipped These would make the engine more versatile than ever! Stay tuned! 🌈

2727

Reposted by UnoCSS

Chris @handle.invalid · 15/11/2024

Since @unocss.dev ^0.64.1, we support the classification of animations, which will be of great help to downstream tool development libraries. UnoCSS integrates Animate.css by default and also adds classification. Here is an example on unocss^0.64.1, github.com/unpreset/uno...

github.com

GitHub - unpreset/unocss-preset-magicss: Integrate magic animation into unocss preset

Integrate magic animation into unocss preset. Contribute to unpreset/unocss-preset-magicss development by creating an account on GitHub.

143

UnoCSS @unocss.dev · 20/11/2024

We are in the process of making UnPresets the official "UnoCSS Community" organization! Any cool presets you created/maintain that want us to know? 🤓

1243

Reposted by UnoCSS

Maxi @onmax.me · 07/11/2024

I have created an @unocss.dev preset that allows you to set a smoothing curve or custom bézier curve in a background gradient. ```html <div bg-easing-gradient="to-l from-#9747FF to-#0582CA steps-20 bezier-[0.99,0.01,0.99,0.01]" /> ```

Gradient generated using UnoCSS Preset Easing Gradient:

<div bg-easing-gradient="to-l from-#9747FF to-#0582CA steps-20 ease bezier-[0.99,0.01,0.99,0.01]" />

241

UnoCSS @unocss.dev · 05/11/2024

export default defineConfig({ rules: [ ['hello-world', { 'background': 'red' }] ] }) <div class="hello-world">!</div> 🟥

3678