Roux is thoughtbot’s new CSS framework, created by Elaina Natario. Roux is being used by thoughtbotters and non-thoughtbot contributors. It’s simple and modern and we love it.
But we still had an itch Roux didn’t scratch. thoughtbot developers and designers are looking for a component library we can call our own. Folks want a go-to for their projects, something that doesn’t use Tailwind, doesn’t require React, and bakes in our opinions.
A few folks worked on this idea during our Ralphapalooza hackathon in December. And now I’m happy to announce that Roux has become more than a CSS framework. We’ve added HTML components!
Our goals for Roux’s components:
- it’s a foundation - a structured starting point
- it embodies thoughtbot’s best practices
- it aims to be accessible and semantic
- native HTML and CSS is the primary platform
- we can use it in greenfield projects
We have a new docs site where you can preview components and copy-paste the HTML. But we go a bit further by documenting how to use the components in an accessible way.
If you try out Roux’s components on one of your projects, let us know what you think! Or tell us what’s missing. Weigh in on the GitHub issues and discussions, and consider contributing.