Dev tools · alternatives · 2026

24 alternatives to Flex Code Development Interface

Web development in your hands

Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes.

1. 1
   Webflow Flexbox UI Builder▲444

   Build flexible, responsive layouts - without writing code

   2016 · flexbox.webflow.com · its alternatives →

2. 2
   Frontend Toolbox▲194

   A list of handpicked resources for frontend developers

   2021 · its alternatives →

3. 3
   Flex▲325

   Flexbox's are a pain to write, Flex makes it easy.

   2019 · its alternatives →

4. 4
   CodePen▲109

   HTML, CSS, and JavaScript editor in the browser.

   2014 · codepen.io · its alternatives →

5. 5
   Frontend Mentor▲262

   Improve your coding skills by building real projects

   2020 · frontendmentor.io · its alternatives →

6. 6
   FlexboxPatterns▲374

   Build awesome user interfaces with CSS flexbox

   2016 · flexboxpatterns.com · its alternatives →

7. 7
   Web Code Tools▲329

   Easy snippets of code essentials and generators

   2017 · webcode.tools · its alternatives →

8. 8
   FrontendSource▲124

   Curated dev & designer resources updated weekly

   2020 · frontendsource.com · its alternatives →

9. 9
   An illustration of Web Developer tools in 2018▲130

   2018 · github.com · its alternatives →

10. 10
    Web Editor▲85

    Chrome extension to customize websites without coding chaos

    2021 · chromewebstore.google.com · its alternatives →

11. 11
    CodeSandbox▲292

    The online code editor for web development

    2018 · codesandbox.io · its alternatives →

12. 12FE
    Flexible Editor – An Open Source Flex-Box Based Layout Editor▲40

    2016 · briandiehr.com · its alternatives →

13. 13
    WD Stack▲112

    Curated resources for frontend designers/developers

    2015 · wdstack.com · its alternatives →

14. 14WM
    We made a real-time editor for web database apps▲121

    2018 · demo.hyperfiddle.net · its alternatives →

15. 15
    Monaco Editor▲98

    A browser based code editor

    2016 · microsoft.github.io · its alternatives →

16. 16
    Cycles▲179

    Visual feedback and approvals for web development

    2016 · cycleshq.com · its alternatives →

17. 17
    WebTool▲101

    Most relevant and flexible code editor for web designers

    2021 · its alternatives →

18. 18
    HTML Editor▲187

    Create HTML snippets with a simple WYSIWYG editor

    2017 · htmleditor.io · its alternatives →

19. 19
    Tools4CSS▲64

    Tools to help developers build interfaces modern quickly

    2022 · tools4css.vercel.app · its alternatives →

20. 20
    SB▲127

    Tool to develop UI components easily

    2016 · github.com · its alternatives →

21. 21
    Start Here: Web Dev - How to Manage Projects, First Clients, & Programming v Comp-Sci▲64

    The fundamentals are always the most important. 👊🏼

    2016 · soundcloud.com · its alternatives →

22. 22DT
    Dev tools inspired site editor▲11

    Hi everyone, I'm trying to get feedback on this site editor (I couldn't get on my first try). A lot of it was inspired by modern browser's dev tools. Do you guys think it's intuitive enough? Does it feel good to use? Any feedback would be amazing.

    2022 · dotling.com · its alternatives →

23. 23
    Front End Happy Hour – From head to footer▲67

    Keep current in the ever-changing world of web development

    2016 · frontendhappyhour.com · its alternatives →

24. 24
    Frontend Center▲105

    Screencasts on the web platform for web professionals.

    2017 · frontend.center · its alternatives →

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →