🎉 Black Friday deal! 25% off your first year of CodyHouse Pro →


Progress value is 30%


CodyHouse Components is a library of accessible, progressively enhanced, HTML, CSS, JS components that work seamlessly with the Framework.

Please bear in mind the components use CSS variables, mixins and utility classes defined in CodyFrame. You can use a component without the framework, but make sure to replace all variables and mixins.

Progressive enhancement #

CodyFrame and the Components are built following the principle of progressive enhancement. Please make sure to include the following script in the <head> of your document:

<script>document.getElementsByTagName("html")[0].className += " js";</script>

The script is used in CSS to target that Javascript is enabled and apply additional style accordingly. If you don't include the script, part of the style of the components won't be visible.

How to import the Components #

The way you import the components depends on the set-up of your project: 

Here's a quick video that shows how using our components can speed up your workflow:

Using the Component with Vue.js #

Since the components are built using vanilla JavaScript, they work with JavaScript frameworks, as well. Learn more about how to integrate the components in vue.js in this blog article:

📝 Using the CodyHouse components with Vue.js

✅ Project duplicated

✅ Project created

There was an error while trying to export your project. Please try again or contact us