UnoCSS
@unocss.dev
The Instant On-demand Atomic CSS Engine
unocss.dev
created by @antfu.me, maintained by @zyyv.dev and the team with 🤍
unocss.dev
created by @antfu.me, maintained by @zyyv.dev and the team with 🤍
Reposted by UnoCSS
@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...
Let's start the Epoch Semantic Versioning journey~
github.com/unocss/unocs...
Releases · unocss/unocss
The instant on-demand atomic CSS engine. Contribute to unocss/unocss development by creating an account on GitHub.
github.com
January 10, 2025 at 8:46 AM
@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...
Let's start the Epoch Semantic Versioning journey~
github.com/unocss/unocs...
Reposted by UnoCSS
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...
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 - 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
github.com
January 18, 2025 at 6:43 PM
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...
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...
Reposted by UnoCSS
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...
github.com/unocss/unocs...
About [email protected] upgrade introduction · unocss unocss · Discussion #4309
Hi, Unoers! We have released [email protected]. 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, ...
github.com
December 2, 2024 at 12:34 PM
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...
github.com/unocss/unocs...
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! 🌈
- 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! 🌈
November 27, 2024 at 10:36 AM
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! 🌈
- 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! 🌈
Reposted by UnoCSS
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...
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
November 15, 2024 at 8:32 AM
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...
Here is an example on unocss^0.64.1, github.com/unpreset/uno...
We are in the process of making UnPresets the official "UnoCSS Community" organization!
Any cool presets you created/maintain that want us to know? 🤓
Any cool presets you created/maintain that want us to know? 🤓
This is the community animation preset I know so far.
- github.com/unpreset/uno... by @zyyv.bsky.social
- github.com/xsjcTony/uno... by github.com/xsjcTony
- github.com/whatnickcode... by github.com/whatnickcodes
- github.com/animated-uno... by github.com/elonehoo
Anything else?
- github.com/unpreset/uno... by @zyyv.bsky.social
- github.com/xsjcTony/uno... by github.com/xsjcTony
- github.com/whatnickcode... by github.com/whatnickcodes
- github.com/animated-uno... by github.com/elonehoo
Anything else?
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
November 20, 2024 at 4:43 PM
We are in the process of making UnPresets the official "UnoCSS Community" organization!
Any cool presets you created/maintain that want us to know? 🤓
Any cool presets you created/maintain that want us to know? 🤓
Reposted by UnoCSS
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
```
```html
```
![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]" />](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:fa73kjglqygzvsghkdo55qgd/bafkreibwadu4zllemxgtrlhz76hbqbfqpkx66kcj2sofzeaggzkgxfmgfu@jpeg)
November 7, 2024 at 6:43 AM
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
```
```html
```
export default defineConfig({
rules: [
['hello-world', { 'background': 'red' }]
]
})
<div class="hello-world">!</div>
🟥
rules: [
['hello-world', { 'background': 'red' }]
]
})
<div class="hello-world">!</div>
🟥
November 5, 2024 at 2:17 PM
export default defineConfig({
rules: [
['hello-world', { 'background': 'red' }]
]
})
<div class="hello-world">!</div>
🟥
rules: [
['hello-world', { 'background': 'red' }]
]
})
<div class="hello-world">!</div>
🟥