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

Projects

Progress value is 30%

Tutorials

A collection of video-tutorials to help you get started with the CodyHouse UI Framework.


🔍 On this page:

  1. Getting Started
  2. Base Concepts
  3. Colors
  4. Grid
  5. Icons
  6. Spacing
  7. Typography
  8. Visibility
  9. Global Editors

Getting Started #

🎥 CodyHouse UI in 1 minute
🏗 coming soon
🎥 How to install CodyFrame and import the components
🏗 coming soon

Base concepts #

🎥 Understanding 'Base' and 'Custom' style
🕐 2:39
🎥 BEM and utility classes
🕐 8:03
🎥 Progressive enhancement (.js class)
🕐 1:55

Colors #

🎥 Colors overview
🏗 coming soon
🎥 Color themes
🏗 coming soon
🎥 Gradients
🕐 5:30

Grid #

🎥 CodyFrame Grid System
🕐 25:03
🎥 Row-gap and column-gap utility classes
🕐 3:51

Icons #

🎥 How to include your icons
🏗 coming soon

Spacing #

🎥 Responsive spacing
🏗 coming soon

Typography #

🎥 Responsive typography
🏗 coming soon
🎥 The .text-component class
🏗 coming soon
🎥 Editing text size
🏗 coming soon

Visibility #

🎥 CodyFrame visibility classes
🕐 9:16

Global Editors #

🎥 How to use the Global Editors
🕐 2:18
🎥 Colors Editor
🕐 8:06
🎥 Typography Editor - Set basic typography rules
🕐 5:25
🎥 Typography Editor - Set a typography scale
🕐 6:06
🎥 Typography Editor - Line-height crop
🕐 5:17
🎥 Spacing Editor
🕐 7:24
🎥 Buttons Editor
🕐 13:33
🎥 Forms Editor
🕐 6:08
🎥 Shared-Styles Editor
🕐 5:46

Project duplicated

Project created

Globals imported

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