stylefy
tw-classed
stylefy | tw-classed | |
---|---|---|
1 | 8 | |
315 | 505 | |
- | - | |
4.8 | 8.3 | |
2 months ago | 3 months ago | |
Clojure | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
stylefy
-
What working with Tailwind CSS every day for 2 years looks like
Thanks for the vanilla-extract recommendation, I'll be using this!
In my case, tailwind was useful for providing a handy set of vocabularies for simple and common stylings. But once customizations start to pile on, we're back into SCSS. Using 2 systems at once meant additionally gluing them with the postcss toolchain, so effectively we have 3 preprocessors running for every style refresh.
Looking in at TypeScript from the clojurescript ecosystem though, I'm still yet to see an equal to https://github.com/noprompt/garden or https://github.com/Jarzka/stylefy: single language, excellent composability, compile-time anonymous class names, inline styles... almost like they solved CSS (except for typing)
tw-classed
-
I wrote a library to create reusable Tailwind components in React & Vanilla JS
TW Classed makes it super simple to create re-usable Tailwind components in both React and other frameworks. It ships with a React-specific library and a framework-agnostic core library. It takes a lot of ideas from Stitches.js and has most of the same functions (but with classes instead).
- Show HN: TW-Classed – Tailwind with the DX of CSS in JavaScript – TwClassed
-
TW Classed - Make reusable Tailwind components
All this and more features like defaultVariants, compoundVariants, advanced class name merging, Tailwind Extension support and a framework agnostic library is available in the Documentation
-
[AskJS] JavaScript Libraries
https://tw-classed.vercel.app/ lets you write reusable React components whose classes are toggled by props. It comes with full type safety, a framework agnostic core lib and is only 1kb.
-
What working with Tailwind CSS every day for 2 years looks like
interesting take! I started using tailwind with the classnames library early on and found it to be a really nice fit for my purposes. Also very interested in more tailwind-specific tools like tw-classed[1]
[1]: https://tw-classed.vercel.app/
-
Why Tailwindcss over styled-components?
TwClassed - Write Reusable Tailwind components
-
Im merging css-in-js and Tailwind
Here is the GitHub
What are some alternatives?
garden - Generate CSS with Clojure
pechkin - Asynchronous Node.js file upload (multipart/form-data) handling.
unocss - The instant on-demand atomic CSS engine.
axios-cache-interceptor - 📬 Small and efficient cache interceptor for axios. Etag, Cache-Control, TTL, HTTP headers and more!
vanilla-extract - Zero-runtime Stylesheets-in-TypeScript
open-props - CSS custom properties to help accelerate adaptive and consistent design.
normalize.css - A modern alternative to CSS resets
conclure - ConclureJS
sepal - A plant collection manager web app
d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:
Bulma - Modern CSS framework based on Flexbox
classnames - A simple javascript utility for conditionally joining classNames together