Tessera
Folgen

UnoCSS

@unocss.dev

The Instant On-demand Atomic CSS Engine unocss.dev created by @antfu.me, maintained by @zyyv.dev and the team with 🤍

5 Posts1766 Follower2 Folgt
UnoCSS@unocss.dev · 2y ago

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! 🌈

Chris@handle.invalid · 2y ago

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 - 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.

github.com

Maxi@onmax.me · 2y ago

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]" />
UnoCSS@unocss.dev · 2y ago

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