Product Hunt logo dark
  • Launches
    Coming soon
    Upcoming launches to watch
    Launch archive
    Most-loved launches by the community
    Launch Guide
    Checklists and pro tips for launching
  • Products
  • News
    Newsletter
    The best of Product Hunt, every day
    Stories
    Tech news, interviews, and tips from makers
    Changelog
    New Product Hunt features and releases
  • Forums
    Forums
    Ask questions, find support, and connect
    Streaks
    The most active community members
    Events
    Meet others online and in-person
  • Advertise
Subscribe
Sign in
Subscribe
Sign in
CodeDragon

CodeDragon

Drag-n-drop code editor for HTML and CSS

1 follower

Drag-n-drop code editor for HTML and CSS

1 follower

Visit website
CodeDragon is a simple way to learn HTML, CSS and JavaScript, the programming languages of the web - all with easy drag-and-drop blocks! What can you create?
  • Overview
  • Launches1
  • Reviews
  • Alternatives
  • Team
  • More
Company Info
codedragon.orgGitHub
CodeDragon Info
Launched in 2019View 1 launch
Forum
p/codedragon
  • Blog
  • •
  • Newsletter
  • •
  • Questions
  • •
  • Forums
  • •
  • Product Categories
  • •
  • Apps
  • •
  • About
  • •
  • FAQ
  • •
  • Terms
  • •
  • Privacy and Cookies
  • •
  • X.com
  • •
  • Facebook
  • •
  • Instagram
  • •
  • LinkedIn
  • •
  • YouTube
  • •
  • Advertise
© 2025 Product Hunt
SocialFacebookInstagramMediumX
Basecamp
Basecamp — Famously straightforward project management from 37Signals
Famously straightforward project management from 37Signals
Promoted

Do you use CodeDragon?

CodeDragon gallery image
CodeDragon gallery image
CodeDragon gallery image
CodeDragon gallery image
Launch tags:
Web App•Education•Languages
Launch Team
Daisy Anne Ankers-BrailsfordGeza KerecsenyiPal Kerecsenyi

What do you think? …

Dan Dan
Dan Dan
Honestly, I think we are complicating things. HTML and CSS are already visual languages, and pretty straight forward. Yeah, there are a few caveats here and there but project based lessons I believe would be more effective. Regardless, it never hurts to have another tool to learn.
Report
6yr ago
Pal Kerecsenyi
Pal Kerecsenyi
CodeDragon

CodeDragon

Maker
@tostartafire Thanks for your comment! I agree that maybe for some people learning HTML and CSS is quite an easy process and a tool like CodeDragon would just cause them unnecessary complication. Our service is mainly targeted at visual learners as @gregw mentioned, and also at children who may learn better with a block-based visualisation. Our tutorials in the future will also include website projects that learners can work through.
Report
6yr ago
Pal Kerecsenyi
Pal Kerecsenyi
CodeDragon

CodeDragon

Maker
Do you think CodeDragon is better for learning web development than traditional services?
Report
6yr ago
Greg Wehmeyer
Greg Wehmeyer
@pal_kerecsenyi it's perfect for newbies who are visual learners. A great launch pad into traditional code learning
Report
6yr ago
Reversatile
Reversatile
Can the website store variables though?
Report
6yr ago
Pal Kerecsenyi
Pal Kerecsenyi
CodeDragon

CodeDragon

Maker
@reversatile No, storing variables in CodeDragon isn't supported because we try to reflect real HTML and CSS closely. The concept of variables doesn't really exist in HTML. It does exist in CSS, but this is quite complicated for children to understand and in a single-file project doesn't make a huge difference.
Report
6yr ago
Pros
Cons
Reviews
Helpful

You might also like

Assembly HTML
Assembly HTML
With self deployable drag and drop website builder
Bookmark | AI Website Builder
Spend time running your business, not your website
Simbla
Simbla
AI-generated CRM
Codewell
Codewell
Improve your HTML & CSS skills by practicing on real designs
Adsy.me
Adsy.me
Drag-and-drop content to create your micro website
Gemba
Gemba
Drag and drop Github for designers
View more
Review CodeDragon?Be the first to review CodeDragon