Dev tools · alternatives · 2026
24 alternatives to Diez – open-source framework and compiler for design languages
Diez radically reduces the cost of delivering a consistent visual identity across your company’s apps & websites.
Diez is an open-source framework and compiler designed for design languages. It enables developers to work with design systems programmatically, converting design tokens and styles into code that can be used across… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Diez – open-source framework and compiler for design languages launched in 2019; newer entries below may have overtaken it.
- 1
- 2
Dazl▲509The next era of vibe coding: visually edit everything
Nov 2025 · dazl.dev · its alternatives →
- 3
deco.cx 2.0▲1,078Build web apps 10x faster with Deno, JSX, TS & Tailwind
2024 · decocms.com · its alternatives →
- 4
Layouts.dev▲699A notebook for building interfaces with Tailwind & shadcn/UI
2024 · layouts.dev · its alternatives →
- 5
- 6
PixelFree Studio▲617From design to code in just 1 click
2024 · pixelfreestudio.com · its alternatives →
- 7
- 8
- 9
- 10AV
I made this because building UIs in a lexical medium like code is super annoying. I have to pre-render what I’m making in my head, and then jump between the browser and IDE to test. I was inspired by the developer console in chrome and safari since I end up editing css there because it’s ironically more convenient. Hope it’s useful!
2022 · dev.aspect.app · its alternatives →
- 11WV
2020 · visualprogramming.net · its alternatives →
- 12
Microsoft's cross-platform text editor for developers
2016 · code.visualstudio.com · its alternatives →
- 13
Remake 2.0▲410A way to make web apps with just HTML & CSS
2020 · remaketheweb.com · its alternatives →
- 14
Hi HN. I've been working on a new browser-based design tool that's ready for you to try. The idea is you work on your design in low fidelity wireframes, while still getting a high fidelity output that you can share or use as a reference for your implementation. The way it works is by mapping low fidelity blocks you draw into high fidelity design system & React components. I spent several years working on design tools at companies like Airbnb, and I think the ideas behind many of the tools we built for designing at scale could really help startups and small teams as well. I would love any…
2023 · noya.io · its alternatives →
- 15
Try your design ideas in seconds with a universal visual CSS editor that generates code for you. Say hello to speed, joy, and stunning designs in just a few clicks with CSS Pro
2023 · csspro.com · its alternatives →
- 16
Huge set of everything you need to design and prototype
2017 · its alternatives →
- 17
Open Design SDK▲139Read and display data from designs, using code
2021 · opendesign.dev · its alternatives →
- 18
Open Design▲139Dev toolkit to read, change & display data from design files
2021 · avocode.com · its alternatives →
- 19
- 20
- 21
Devsync▲319Visually edit CSS. Live-sync the result with your editor.
2020 · devsync.co · its alternatives →
- 22
- 23
SuperDev▲164All in one browser extension for web designers & developers
2022 · chromewebstore.google.com · its alternatives →
- 24
CSS.GUI▲201Open source visual editors for everything in the CSS spec
2022 · components.ai · its alternatives →
Also compare
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 →