Stylify uses CSS-like selectors to generate optimized utility-first #css 💎. Created with ❤️ by @8machy. #stylifycss Discord chat 👉 discord.gg/NuJsk5SMDz 💬
The Internet
- Tweets 437
- Following 3
- Followers 985
- Likes 301
Stylify now has a few prepared components for you
👉 stylifycss.com
⏏️ Buttons
🔀 Switches
📝 Form fields
🧩Grid
🤟 Animations
🛡️ Badges
🎉 And more
#css #code #coding #javascript #vue #reactjs #svelte #100daysofcoding #100devs #web3 #webdesign #webdevelopment #ui
4
Style your website faster with Stylify CSS🚀
Use CSS-like selectors to get optimized utility-first CSS
💎 No framework to study
💡Less time spent in docs
🧰 Mangled & extremely small CSS
🔗 Components, Variables, Customization
🔁 Define shorter macros like p-2
✨No purge needed
3
1
18
Stylify retweeted
Web Design & Development News: Collective #738
GitHub Blocks * CSS Clothoid Corners * CSS Hover Light Card * Stylify * Openblocks
tympanus.net/codrops/collect…
Subscribe: eepurl.com/dJBUCo
#frontend #newsletter #css #webgl #webdev #coding #javascript #threejs #webdesign
1
4
13
Style your website faster with Stylify CSS🚀
Use CSS-like selectors to get optimized utility-first CSS
💎 No framework to study
💡Less time spent in docs
🧰 Mangled & extremely small CSS
🔗 Components, Variables, Customization
🔁 Define shorter macros like p-2
✨No purge needed
8
4
27
After a year of development, we have launched on @ProductHunt
Stylify CSS uses CSS-like selectors to generate optimized, utility-first CSS 💎.
If you like Stylify CSS, we will be happy for any feedback❤️
producthunt.com/posts/stylif…
#css #javascript #webdev
2
4
Stylify retweeted
🚀 Check-out the new documentation search on @stylifycss powered by @algolia docsearch🎉
Stylify website now has a documentation search thanks to @algolia docsearch💎🎉.
👉 If you are looking for a GREAT and FREE tool to improve your documentation, check out their page docsearch.algolia.com/
#webdev #javascript #css #vuejs #web3 #opensource #html #code #Webdesign
2
3
Stylify website now has a documentation search thanks to @algolia docsearch💎🎉.
👉 If you are looking for a GREAT and FREE tool to improve your documentation, check out their page docsearch.algolia.com/
#webdev #javascript #css #vuejs #web3 #opensource #html #code #Webdesign
5
Simple @reactjs like button with @stylifycss ⚛️
stylifycss.com/blog/simple-r…
⚛️CSS like syntax & selectors + components
⚛️50% smaller CSS Prod vs DEV
⚛️Mangled HTML and CSS
⚛️Variables, Custom selectors
#css #100daysofcoding #web3 #reactjs #webdevelopment #javascript #webdev #code
2
5
Style your @laravelphp website faster with @stylifycss 🚀
👉 stylifycss.com/docs/integrat…
🚀CSS like selectors
🚀Split CSS for each page
🚀Mangled CSS for production
🚀No purge / Preprocessor needed
🚀Reusable components
#css #javascript #php #vuejs #webdev #web3 #reactjs #coding
1
4
1)🔥Stylify is going to get a new feature in next release. One of them are dynamic custom selectors written in template like "header > nav a" or "div + div"
It's not that "cool" because you can do that in pure CSS easily.
Stylify however optimizes the size significantly
#css
1
1
2)🔥Savings: Production vs Dev
CSS => 67%
HTML => 61%
If you like CSS and want to get a bit more optimized output faster, try Stylify. It's CSS on steroids
👉 stylifycss.com
#css #web3 #javascript #webdev #webdevelopment #html #vuejs #reactjs #nodejs #php #code #ux
1
3
💡Why use @stylifycss to style your #website?
💎Selectors & Components are combined
💎Selectors are mangled
In example bellow
Right: 181 bytes
Left: 100 bytes => 55 % smaller output🔥
#web3 #javascript #ui #ux #vue #reactjs #reactnative #svelte #programming #coding #php #css
6
5
Style your @cakephp website faster with @stylifycss 🎂
👉 stylifycss.com/docs/integrat…
🍓CSS like selectors
🍓No unused
🍓Mangled selectors on production
🍓Components & Custom Macros
🍓No bundler required
#css #webdesign #ux #ui #programming #javascript #webdev #php #web3 #cakephp
2
5
Checkout our new guide for @remix_run integration🚀
👉 stylifycss.com/docs/integrat…
👉 Playground on @stackblitz stackblitz.com/edit/stylify-…
🚀 Stylify: CSS-like selectors
🚀 Remix: It's easy to switch from Next.js. CSS can be split easily for each page
#css #javascript #webdev #web3
1
1
2
In case you use React and Next and are looking for an alternative or something more "HTML friendly", you seriuously should check out the @remix_run
🚀 Easy setup
🚀 Configuration and usage seem to me more intuitive
🚀 The pages are faster and smaller
#css #javascript #webdesign
1
Stylify now has an integration example for @QwikDev framework🎉
👉 stylifycss.com/docs/integrat…
👉 Playground - @stackblitz
stackblitz.com/edit/stylify-…
💎 @QwikDev: Small & Fast pages
💎 @stylifycss: CSS like selectors, small CSS & mangled HTML
#css #javascript #webdev #reactjs #Web3
1
8
15
If you like #ReactJS and want to try something new and maybe get a faster page, @QwikDev is a good choice
💎 The pages are smaller then in Next.js
💎 It generates custom server entrypoint - for example for Express
💎 CSS can used without module
#webdevelopment #web3 #coding
1
1
3