Like others, haiticss is just another CSS framework to wear any project with the ITCSS architecture. Mainly inspired on the excellent project inuitcss by Harry Roberts, from where we found our best suitable starting point. If you plan to compare and choose other solutions, we suggest you to check iotaCSS and Nebula CSS as well.

The main idea that encouraged us to create this project, comes from the necessity to align a solid CSS architecture with a visual language and design collaboration workflow. We use it to build coherent and consistent interfaces, style guides and design systems. Works for both new projects and existing ones, no matter if you start from scratch or you inherited a legacy hell to improve or maintain. If you’re looking for similar objectives, maybe you found a suitable starting point for your project.

In the end we added some layers, and a visual language into the architecture. Using it properly, should help you on building digital products right now, without complex setup neither architectural decisions. With haiticss you can easy be succeed in technical terms, but cherry on the cake comes first with design collaboration, and then spreading the language to all involved stakeholders.

Main differences from other similar frameworks are:

haiticss triangle

The project is not mature yet to be used on any production project, but if you're curious, feel free to browse our repository and get an overview. Hope you like it 😜