CodeDragon circular icon

CodeDragon might not work properly for you...

CodeDragon is designed to work with Google Chrome and Firefox, and a few features of CodeDragon have been found not to work properly with other web browsers. To make sure you get the best experience when using CodeDragon, please download the latest version of Google Chrome or Firefox and try again. You can install Google Chrome for free here, and Firefox here.

Or, you can continue anyway.

A simple way to learn, teach, and play with HTML and CSS.

Learning web development is hard, especially for children. We think it's a crucial skill to learn - one that could result in revolutionary start-ups, world-changing initiatives, and incredible inventions.

CodeDragon enables everyone to learn and use HTML and CSS.

Sign upContact us

Drag-and-drop HTML/CSS editor

We created the first-ever* drag-and-drop editing interface for HTML and CSS, which forms the core of CodeDragon. It's available open-source on GitHub.

* First publicly available drag-and-drop editing interface for HTML and CSS that is supported by an organisation and integrated into a social website.

5033 users

learn and play with CodeDragon

Fun social environment

CodeDragon surrounds its editor with a fun, social but safe environment where users can collaborate and give each other constructive criticism, as well as discover interesting and inspiring projects created by others.

What's so special about knowing how to make websites?

 Another reason

Easy to learn

We're constantly writing more and more tutorials that are appropriate for users of all ages. We have a unique method of teaching web development, and our tutorials reflect that. No prior experience is required at all, and everything is written in a child-friendly, engaging language.

Check out our tutorials.

Creating, commenting on and liking projects requires an account on

CodeDragon for Schools

CodeDragon offers a special Teacher Dashboard system for schools and educational institutes.

Find out more

Meet the team

CodeDragon is made by a team of passionate volunteers in Manchester.

Meet the team

The CodeDdraig Organisation

CodeDragon's parent non-profit organisation.

Find out more

What are you waiting for?

Learn how to make websites and change your life.

Change my life