Tailwind CSS

The CodyHouse components are compatible with Tailwind CSS, the popular utility-first framework.

Use the switch on the component demo pages to select the 'Tailwind' option:

Even if the components are built using the Tailwind CSS utility classes, some of them include custom CSS style. Make sure to import it before the Tailwind CSS utilities layer. 

Tailwind Plugins #

For the CodyHouse components, we use two official Tailwind plugins: the typography plugin and the aspect ratio plugin. Make sure to install them and add them to your config file.