Our great sponsors
-
Use Tailwind as a utility class and create CSS classes looking at the overall design and standardizing components.
Point No. 1 is more straightforward than 2 in the short term, but Point No. 2 would be the ideal approach and more easily maintainable.
Here are few examples from our website that uses Tailwind. Please be lenient; it is not a public consumable template/markup.
The general UI is driven by design token at the Tailwind configuration level -- https://github.com/valinorearth/valinor.earth/blob/master/ta...
Color Scheme follow a similar pattern https://github.com/valinorearth/valinor.earth/blob/master/ta...
Then, we write CSS but using Tailwind as a utility - https://github.com/valinorearth/valinor.earth/tree/master/sr...
For instance, for a button, instead of apply everything in each and every ``, we create a `.button` class and create the button component of our choice https://github.com/valinorearth/valinor.earth/blob/master/sr...
I hope this is useful to few who wants to use Tailwind in either of the two ways.
-
Tailwind is written in SASS and is not like SASS. I would equate Tailwind to an earlier utility framework like Bourbone[1].
Tailwind can be used to build/write "StyledComponents". And one can write in the style/methodology/philosophy of BEM.
All the the above terms are all of different categories.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
UI kit
A lightweight and modular front-end framework for developing fast and powerful web interfaces
Not sure if it matches your criteria of a mature component framework, but there's Foundation and UIkit. I've used both but all of my new projects use Tailwind. It matches my needs better because I use minimal JavaScript. It also doesn't get in my way and the documentation is refreshingly clear.
> And why aren't there more?
It seems to me these tightly coupled CSS + JS component frameworks are in an awkward position these days. React/Vue allows you more flexibility. If a project is really simple you can use vanilla JavaScript or something like Alpine.js.
Perhaps the demand isn't there anymore.
-
Foundation
The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.
Not sure if it matches your criteria of a mature component framework, but there's Foundation and UIkit. I've used both but all of my new projects use Tailwind. It matches my needs better because I use minimal JavaScript. It also doesn't get in my way and the documentation is refreshingly clear.
> And why aren't there more?
It seems to me these tightly coupled CSS + JS component frameworks are in an awkward position these days. React/Vue allows you more flexibility. If a project is really simple you can use vanilla JavaScript or something like Alpine.js.
Perhaps the demand isn't there anymore.
-
office-ui-fabric-react
Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
-
shoelace-css
A collection of professionally designed, every day UI components built on Web standards. SHOELACE IS BECOMING WEB AWESOME. WE ARE LIVE ON KICKSTARTER! 👇👇👇
Not a framework, but a web component library I maintain: https://shoelace.style