UnoCSS
The Instant On-demand Atomic CSS Engine
unocss.dev
created by @antfu.me, maintained by @zyyv.dev and the team with 🤍
- Similar to `bun-plugin-tailwind`, you can now make use of @unocss.dev inside @bun.sh's build pipeline & within HTML Imports. This is all you need:
- this is how it feels to reach 30 MILLION users!!!
- this actually kind of exists with unocss.dev/presets/attr..., but it gets compiled away lol
- @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...
- Another year, another website from another Henry. shorter-hackathon.vercel.app started minimal but evolved to @nuxt.com, to Astro + Vue, to vanilla Astro + web component theme switcher + link rewriting middleware + @unocss.dev. Left with plans for Astro extensions and unocss-preset-css improvements
- 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...
- Also, the tutorial for @unocss.dev is pretty cool. What a time to be a web dev!
- 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...
- We have improved `core` logic to support more unexpected behaviors of `preset`, `variants` and `preflights`, making it more practical. I feel great about @antfu.me , I put forward ideas to him 💡, and he always implements them in the first time, so great💗.
- For web in vite, one of the approaches is going with a @unocss.dev icons like strategy antfu.me/posts/icons-.... Bluesky is making me want to learn RN.
- Are there any other presets that I don’t know about? Feel free to add them to the @unocss.dev documentation.
- 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?
- 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]" /> ```
- Tech stack is: Backend: @adonisjs.com Frontend: vuejs.org with @unocss.dev Asset Bundler: @vite.dev Protocol: inertiajs.com Database: postgresql.org
