cu.css is a lightweight CSS framework that makes it quicker to start using CUBE CSS and Utopia in your projects. To get the most out of cu.css, you will need to be familiar with both approaches.
cu.css is not a fully fledged CSS framework, like Tailwind or Bootstrap. If anything, it’s more of a boilerplate or starting point, designed to be built upon and expanded as you see fit.
- Built using the CUBE CSS methodology.
- Utopia fluid responsive space and type.
- CSS Custom Properties over token-based CSS.
- Work with SCSS or CSS.
- Zero dendencies or third-party tooling.
- Global styles that make HTML look great.
- Automatic “user-preference” dark mode.
- Simple, accessible and intuitive to work with.
- Works with the grain of CSS, not against it.
The best way to get started with cu.css is to read the docs.
The following resources will help you learn more about the approaches used in cu.css.
- Be the browser's mentor, not its micromanager.
- Every Layout by Heydon Pickering and Andy Bell.
- Inclusive Components by Heydon Pickering.
- A look at the CUBE CSS methodology in action from Kevin Powell.
- Designing with fluid type scales by James Gilyead.
- Designing with a fluid space palette by James Gilyead.
Harry Cresswell
This project was inspired by the work of:
MIT