Write CSS Faster
Stylify generates optimized utility-first CSS dynamically based on what you write.
Write Selectors. Get CSS. Without framework 💎
Use selectors you knowDefine componentsStyle anythingUse variablesCustomize screensExtend functionality
Write selectors as css property:value. Use __ (two underscores) instead of a space and ^ (hat) instead of a quote. You can also define your own selectors.
<span class="
font-size:32px
lg:font-size:48px
color:#bd0c65
border-bottom:4px__solid__#fff
transition:border-color__0.3s
hover:border-color:#bd0c65
">
Edit me 🤩!
</span>
Loading...
Seamless integration.
Start using Stylify with your favorite tool in a minute.
Loading...
We'd love your Feedback! ❤️
Star our repo, follow us on the Twitter, mention Stylify on a social media and let us know, what you think!
Mubashar HashmatExtremely awesome 😎.
Paul⭐BearVery cool library!
sam i amThat's nice!
Ahmad TahirWow this looks neat 💯. I’ll be checking it out.
Angsuman ChakrabortyFor your information stylifycss.com: Dynamic Utility-First CSS Generator.
LukeshiruIt's like Tailwind's JIT, but without having to learn new classnames, and following a really simple set of "rules". Great library!
Tom RavnHave you heard about Stylify? Similar framework as #TailwindCSS. I guess when you finally learn #CSS using Tailwind you can go level deeper and use Stylify, you will basically write pure CSS into #html.😆
Tomáš PilařI recommend looking at stylifycss.com if you don't know that tool yet 👍. Launched on the first try with Symfony and it works like a charm! 👏
David Mario Licla🤯 Did you know that there is an alternative to TailwindCSS but only using CSS properties? Look it's called Stylify!
Develop GreatnessWell, I guess we all need to follow @stylifycss to reduce our #CSS related nerve attacks 😂😂.
Mubashar HashmatExtremely awesome 😎.
Paul⭐BearVery cool library!
sam i amThat's nice!
Ahmad TahirWow this looks neat 💯. I’ll be checking it out.
Angsuman ChakrabortyFor your information stylifycss.com: Dynamic Utility-First CSS Generator.
LukeshiruIt's like Tailwind's JIT, but without having to learn new classnames, and following a really simple set of "rules". Great library!
Tom RavnHave you heard about Stylify? Similar framework as #TailwindCSS. I guess when you finally learn #CSS using Tailwind you can go level deeper and use Stylify, you will basically write pure CSS into #html.😆
Tomáš PilařI recommend looking at stylifycss.com if you don't know that tool yet 👍. Launched on the first try with Symfony and it works like a charm! 👏
David Mario Licla🤯 Did you know that there is an alternative to TailwindCSS but only using CSS properties? Look it's called Stylify!
Develop GreatnessWell, I guess we all need to follow @stylifycss to reduce our #CSS related nerve attacks 😂😂.
Why Stylify?
Don't study selectors
- With the Native Preset you can use native CSS
property:valuelikecolor:blueas a selector. - Don't study and remember selectors. You already know them.
Copy&paste integration
Get small CSS Chunks
- CSS can be generated for each file, page, layout or component separately.
- Selector is generated only once and reused when possible.
Minify CSS even more
- Shrink long selectors such as
font-weight:boldto_abc123. - Minimize your CSS even further.
Style any screen
- Combine screens using logical operands like
sm&&tolg,xl||landscapeandlg&&dark. - Dynamic sizes for screens such as
minw640pxminimizes the amount of screens.
Simplify your work
- Define reusable Components, Variables, Helpers and style selectors like
article > h1with Plain Selectors. - Variables can be injected into the CSS as CSS variables and used outside of generated CSS.
Go ahead, try it now!
Code less. Do more.