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.

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.

480+ 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?

Imagine you want to become successful and make lots of money. Chances are, that's you. What's generally the most successful type of startup? Tech. Knowing how to make a website means you can turn any idea that pops into your mind into a business, just with code. It's more powerful than you think. Web development also directly links into other types of real-world development.

So, go ahead and make the next big tech business. All you need is code - you can even do it on your own. The Internet makes anything possible, including CodeDragon, which happens to be the best way to master web development.

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 and accessing tutorials requires an account on codedragon.org.

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