Alternatives

Products that do what CodeCraft Studio does

Share & Discover HTML Projects Instantly

1. 1
   STUDIO 2.0▲520

   Design to live website in one click.

   2019

2. 2
   CODECAST▲254

   HTML & CSS editor in your browser with real-time previews

   2015

3. 3
   Visual Studio Live Share▲404

   Real-time collaborative development

   2018

4. 4
   HTML Editor▲187

   Create HTML snippets with a simple WYSIWYG editor

   2017

5. 5
   Collaboration Suite by Editor X▲142

   Design powerful websites together with your team on Editor X

   2021

6. 6
   deco.cx 2.0▲1,080

   Build web apps 10x faster with Deno, JSX, TS & Tailwind

   2024 · decocms.com

7. 7AI
   An in-browser text editor to easily create static HTML▲140

   2022 · triplelog.com

8. 8
   Octopus.do 2.5▲195

   Visual site map with internal links, sticky notes, & editor

   2021

9. 9
   Editor.js▲726

   A block-styled editor with clean JSON output

   2019 · editorjs.io

10. 10
    Codeimg.io▲227

    Create and share images of your source code

    2019

11. 11
    Stage▲39

    browser canvas editor that brings your ideas to life

    Nov 2025

12. 12AV
    A VSCode Extension to edit HTML visually in real-time▲231

    2024 · github.com

13. 13BB
    Browser-based web design platform with code import and CSS filters▲91

    I built a web-based app for building websites. The main unique features are: 1. The ability to copy and paste any HTML and CSS into the editor with no limits. I was never able to find another app that could do this without some form of limitation. 2. CSS filtering, which means you can click on an element to view and edit the CSS selectors and rules that apply to that element alone. In many cases I've found CSS naming conventions like BEM to become irritating at certain scales, so this is an alternative solution. This part of the app needs some more development work but the concept is there.…

    2024 · demo.gocodestudio.com

14. 14
    Codify▲160

    Create & share aesthetic images of your source code

    2023

15. 15
    CodeGraphics▲213

    Create and post your beautiful source code on socials.

    2019

16. 16
    STUDIO 3.0▲223

    Design and launch dynamic websites in one place with no code

    2020

17. 17CS
    CSS Studio. Design by hand, code by agent▲175

    Hi HN! I've just released CSS Studio, a design tool that lives on your site, runs on your browser, sends updates to your existing AI agent, which edits any codebase. You can actually play around with the latest version directly on the site. Technically, the way this works is you view your site in dev mode and start editing it. In your agent, you can run /studio which then polls (or uses Claude Channels) an MCP server. Changes are streamed as JSON via the MCP, along with some viewport and URL information, and the skill has some instructions on how best to implement them. It contains a…

    Apr 2026 · cssstudio.ai

18. 18
    CodePen▲109

    HTML, CSS, and JavaScript editor in the browser.

    2014

19. 19
    Codecademy Workspaces▲98

    Build and share projects right in your browser

    2021

20. 20
    Editmode▲159

    Make any website editable inline

    2020

21. 21
    Editor X▲322

    Advanced web design platform

    2020

22. 22
    Devsync▲328

    Visually edit CSS. Live-sync the result with your editor.

    2020

23. 23
    Frontend Mentor▲262

    Improve your coding skills by building real projects

    2020

24. 24
    CodePen Projects▲288

    A web based IDE for building websites by CodePen

    2017

Ranked by how close each launch is in meaning, then by votes. Refine with a description →