UnoCSS

Tailwind 4 Support Plan · Issue #4411 · unocss/unocss As Tailwind 4 introduced quite some fundamental changes to the config and theming model, while existing projects with Tailwind-3-like usages might not be easy to migrate. Being an engine that desig...

👀
github.com/unocss/unocs...

29.01.2025 04:16 — 👍 42    🔁 2    💬 1    📌 1

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

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

10.01.2025 08:46 — 👍 45    🔁 7    💬 1    📌 1

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

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

18.01.2025 18:42 — 👍 4    🔁 1    💬 0    📌 0

About UnoCSS@0.65.0 upgrade introduction · unocss unocss · Discussion #4309 Hi, Unoers! We have released UnoCSS@0.65.0. This version includes bug fixes, new features, and optimizations. Here are the details of this update: Async UnoCSS Engine Starting from version 0.65.0, ...

We have released @unocss.dev @0.65.0 🚀. You can refer to the following upgrade guide to learn about the important changes.

github.com/unocss/unocs...

02.12.2024 12:34 — 👍 16    🔁 2    💬 0    📌 0

A huge shout out to @zyyv.bsky.social, who is taking great care of UnoCSS's maintenance and driving the landing of those features!

27.11.2024 10:38 — 👍 7    🔁 0    💬 0    📌 0

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

27.11.2024 10:36 — 👍 72    🔁 8    💬 2    📌 1

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.

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

15.11.2024 08:32 — 👍 4    🔁 3    💬 1    📌 0

We are in the process of making UnPresets the official "UnoCSS Community" organization!

Any cool presets you created/maintain that want us to know? 🤓

20.11.2024 16:43 — 👍 24    🔁 3    💬 1    📌 0

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]" />

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]" />
```

07.11.2024 06:43 — 👍 4    🔁 1    💬 2    📌 0

export default defineConfig({
rules: [
['hello-world', { 'background': 'red' }]
]
})

<div class="hello-world">!</div>

🟥

05.11.2024 14:17 — 👍 68    🔁 8    💬 3    📌 0