Free app to export your site's design tokens to code

What it does

Extract your site

Extract design tokens from websites and use them in code and in your design tool. Free app for MacOS, Windows & Linux. Be aware, The Superposition installer is "not downloaded often" yet. Some operating systems and antivirus warns you for this, but that does not mean Superposition is unsafe. If you get a "Windows Protected your PC" popup, press "More Info" and verify that the publisher says "Firstversionist B.V.", then click "Run Anyway". Design tokens are the smallest parts of your design: colors, typography, spacing etc. With them you can make consistent experiences across different parts of your website and app and even across projects. Superposition extracts the design tokens your site…from superposition.design

• 
  Layoutit Tokens2023 · tokens.layoutit.com · ▲76

  Create and export Design System Tokens to any format

• 
  Replia2015 · replia.io · ▲117

  Generate source code for iOS apps from design work

• 
  Design Tokens export from Sketch2019 · design-tokens.netlify.com · ▲4

  You can export colors, typography, icons and utilis.

• 
  Dropsource2016 · ▲22

  Visually build native apps right in your browser.

• 
  Design Tokens Generator2019 · ▲7

  A universal language for designers and developers

• 
  Protoship2016 · protoship.io · ▲10

  Instantly convert Sketch to HTML and CSS

• 
  /dev/null▲490

  a social network for devs

  Dev tools · 4d 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 · 29d ago · github.com

• 
  Run full iOS 16.5 firmware on Android Devices▲411

  Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.

  Dev tools · 17h 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 · 27d ago · github.com

• 
  OpenBot▲362

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

  Dev tools · 24d ago · openbot.run

• 
  Talanoa▲346

  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 · 21d ago · talanoa.email

• 
  Startup Decks▲708

  View 100s of startup pitch decks or submit your own.

  Growth · 2019 · startupdecks.co

• 
  Dashblock▲696

  Turn any website into an API

  Dev tools · 2019

• 
  CLI tool for saving web pages as a single file▲640

  ⬛️ CLI tool and library for saving complete web pages as a single HTML file - Y2Z/monolith

  Dev tools · 2019 · github.com

• 
  Get waves▲602

  A simple web app to generate svg waves, unique every time

  Dev tools · 2019 · getwaves.io

• 
  Spider Pro▲574

  The easiest way to scrape the internet.

  Dev tools · 2019

• 
  Marketing Examples▲560

  A gallery of real world marketing examples

  Growth · 2019 · marketingexamples.com