Next generation utility-first CSS framework.
- Tweets 63
- Following 7
- Followers 2,391
- Likes 152
Windi CSS retweeted
I started working on open-source software at the start of this year. Today I received the first payout for that work.
A generous donation from team @nuxt_js towards @windi_css
To celebrate, I'll be paying it all forward x2 to Vue / Nuxt contributors. Tag who I should sponsor🙂
4
3
53
39 New Utilities Added to v3.0! 🚀
With inline playgrounds for ALL OF THEM! 🤹
@satireven is on fire 🔥
windicss.org/posts/v30-utili…
9
70
Windi CSS retweeted
Sometimes there's a cost though, to all this convenience, that can't be ignored, that is, bloated final markup. I'm glad @windi_css came along and changed it (and I'm glad Tailwind copied those enhancements too). WindiCSS is still evolving nicely —
One of the coolest new features in v3.0 is the Attributify mode! 🤩
Instead of scrolling your loooong class list, Attributify allows you to separate them into attributes, clean and organized!
It's pure CSS and ZERO-RUNTIME!!🤯
Idea credit to @yaeeelglx
windicss.org/posts/v30
1
9
Windi CSS retweeted
🤞 I just moved my website from Tailwind JIT to @windi_css, another great work by @antfu7. Main reasons I did this to save up from dependencies, variant groups, extra utilities, first-class Nuxt support, and upcoming crazy features!
Check the source at:
github.com/eggsy/website
ALT GitHub compare results showing how much additions and deletions were made to the source
2
1
27
And the attributify mode is enabled by default in @Slidevjs 🤯
Slidev is now PUBLIC! 🚀🎉
Try it now 🧑💻👩💻👨💻
npm init slidev
github.com/slidevjs/slidev
1
18
Windi CSS retweeted
I have just finished the first 🧪experimental implementation of the new @windi_css features in our @sveltejs preprocessor integration.
Try it out in your playground. Open bugs on GitHub and send us feedback on features we are still missing.
Happy to chat chat.windicss.org
ALT npm install windicss@next svelte-windicss-preprocess@next
1
4
25
Windi CSS retweeted
You know what would be even cooler?
Smart suffixes:
bg:hover
bg:dark
bg:dark:hover
If only I hadn't 5 other project ideas I'm committed to, I'd totally join this party!
1
1
4
After a few weeks of hard work, we are excited to announce the Windi CSS v3.0 is now in Beta 🎉
We are introducing a bundle of exciting new features along with the launch of our brand new documentation site!
windicss.org/posts/v30
4
23
117
Our new documentations now featuring guides to integrates Windi CSS into your favorite frameworks. Most excitingly - the playground inside the guides letting you learn by playing!
Big shout out to @hannoeru for all the hard work!
windicss.org/guide/installat…
windicss.org/features/
1
1
13
One of the coolest new features in v3.0 is the Attributify mode! 🤩
Instead of scrolling your loooong class list, Attributify allows you to separate them into attributes, clean and organized!
It's pure CSS and ZERO-RUNTIME!!🤯
Idea credit to @yaeeelglx
windicss.org/posts/v30
20
34
261
Windi CSS retweeted
I can no longer keep it a secret. Here is a sneak peek of the newest member in the @windi_css ecosystem.
We work on a brand new community site, which will allow you to share your favorite components. And use them for your next project.
The beta phase starts soon, stay updated.
ALT screenshot of website
4
12
139
Windi CSS retweeted
🎥 Recording my @vueconfus talk for April 14th. I'll be demoing the dedicated Component Test Runner my team and I shipped in Cypress 7.0 (TODAY!!!).
I'll be testing a Vite + Vue + WindiCSS app.
us.vuejs.org/ April 14th. Tickets are FREE.
@Cypress_io @vite_js @vuejs
6
23
130
PostCSS plugin for Windi CSS is here! 🚀
github.com/windicss/postcss-…
3
6
44
Windi CSS retweeted
The first beta of @windi_css Analyzer is out 🎉
An online demo can be found here
analysis-demo.windicss.org
Check out the docs to get it running for your projects 👇
github.com/windicss/windicss…
1
10
93
Windi CSS retweeted
I just can't wait to share this with you 🤯
Working on this for a couple days, an analyzer tool lets you have a quick overview of all your @windi_css usages, identify "bad practices" in your design system and optimize them out!
Beta will be out soon, stay tuned 😉
8
18
272
Congrats! You found the power of Windi CSS Intellisense 😉
github.com/windicss/windicss…
1
5
39
Windi CSS retweeted
An experimental of @windi_css running on the client-side and works for any websites with only one line of code, WITHOUT any dev servers! 🧪🍃
Great idea from @realalexniebuhr as the extension of our "Design in DevTools"
github.com/antfu/windicss-ru…
2
12
89
Windi CSS retweeted
🍃 Windi CSS ♥️Svelte
Complete rewrite of the svelte integration done; it includes new features of Windi CSS
github.com/windicss/svelte-w…
noteworthy
- RTL
- design-in-devtools (indepentend of bundler) thanks @antfu7
- svelte directive class support
cc: @windi_css, @sveltejs
1
3
22