Diez

What it does

Diez is a free & open-source developer toolkit for expressing visual styles that can be shared across codebases, native platforms, and teams. Diez radically lowers the cost of delivering a consistent visual identity across native apps & websites.

Diez radically reduces the cost of delivering a consistent visual identity across your company’s apps & websites.

Use TypeScript to compose design tokens into scalable and extensible collections of styles, themes, and visual guidelines. Your brand identity fits right here — as code. From colors to typography, drop shadows to border radii, gradients to usage guidelines, logos to icons: if you can imagine it, you can express it in Diez. Build any Diez project into pure native libraries for iOS, Android, or Web, ready for any new or existing codebase. Optimized for native-developer ergonomics — with autocomplete, inline documentation, and package manager support for iOS, Android, and Web: Diez makes it easy for everyone to rally around a common design language. Diez Extractors compile design files into…from diez.org

• 
  Diez – open-source framework and compiler for design languages2019 · diez.org · ▲65

  Diez radically reduces the cost of delivering a consistent visual identity across your company’s apps & websites.

• 
  DazlNov 2025 · dazl.dev · ▲509

  The next era of vibe coding: visually edit everything

• 
  Cube.js2019 · github.com · ▲502

  An open source analytics framework 📊

• 
  SuperDev2022 · chromewebstore.google.com · ▲164

  All in one browser extension for web designers & developers

• 
  Open Design SDK2021 · opendesign.dev · ▲139

  Read and display data from designs, using code

• 
  Open Design2021 · avocode.com · ▲139

  Dev toolkit to read, change & display data from design files

• 
  /dev/null▲481

  a social network for devs

  Dev tools · 2d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 25d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 22d ago · openbot.run

• 
  Talanoa▲341

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 28d ago · corespeed.io

• 
  Basecamp Personal▲1,101

  Manage all your small projects for free

  Work · 2019 · basecamp.com

• 
  Growth.Design Case Studies▲878

  Product tips in a comic book format

  Growth · 2019 · growth.design

• 
  Tesla Cybertruck▲750

  A futuristic electric pickup truck from Tesla ⚡️

  Life & fun · 2019 · tesla.com

• 
  Cocoon▲674

  A private app for the most important people in your life

  Work · 2019 · cocoon.com

• 
  Adalo▲616

  Build apps for every platform, without code ✨

  Work · 2019 · adalo.com

• 
  Trace by Sticker Mule▲584

  Remove the background from any image for free

  Work · 2019 · stickermule.com