D2D — Drawing to Designs

Draw wireframes. Get React code in 300ms. No AI, no cost.

What it does

D2D is a deterministic UI compiler. Not an AI wrapper. Draw shapes on a canvas → configure your brand → click Generate. Production React + Tailwind CSS in under 300ms. Zero AI. Zero API calls. Zero server load. Runs in your browser. COMING SOON Multi-page app generation · ZIP export · Figma plugin VS Code extension · Public API · Shareable links Design token export · Component extraction · Multi-framework output Core engine is live. Try it free. No account needed: tryd2d.xyz/try

Does the same job

all alternatives →

Layouts.dev2024 · layouts.dev · ▲699
A notebook for building interfaces with Tailwind & shadcn/UI
v0.dev by Vercel2023 · ▲548
Generate UI with simple text prompts: copy, paste, ship
AV
A Visual IDE for React2022 · dev.aspect.app · ▲479
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!
Locofy.ai2022 · locofy.ai · ▲720
Turn Figma designs into code
AG
A gallery of graphs built with React and D3.js2023 · react-graph-gallery.com · ▲297
Many JS libraries exist to build graphs on the web (Vega, chartJS, Plotly...). They allow to make charts quickly. But you lose flexibility: you're limited by the options they offer. I just created a gallery with hundreds of graphs made with d3.js and React. - Examples are split by graph types - They all come with explanation and code sandboxes - Gradual complexity to ease the learning curve It took me ages to create this project! Feedback welcome!
Divjoy 2.02021 · ▲416
React codebase & UI generator

More dev tools this month

the category →

Dograh▲592
The open source VAPI alternative
Dev tools · 25d ago · dograh.com
Meridian▲530
Don't let your work go unnoticed. Get promoted!
Dev tools · 20d ago · meridiona.com
x1▲516
Lovable for iPhone apps go from idea to App Store
Dev tools · 11d ago · x1.new
Computable GPU Index (CGI)▲423
The first open-source price index for GPU compute
Dev tools · 10d ago · getcomputable.com
Open-Source eInk Bike Computer▲406
OpenTrailPaper is open-source bike computer firmware for the LilyGO T5S3 4.7" E-Paper PRO. It supports offline maps, GPX routes, FIT recording and Bluetooth sensors.
Dev tools · 2d ago · opentrailpaper.com
The GTM Co-Founder▲402
Open-source GTM skills for technical founders
Dev tools · 29d ago · gtmcofounder.com

Launched alongside, June 2026

the whole month →

Fundraisly▲1,544
AI fundraising agent that finds investors and books meetings
AI · Jun 2026 · fundraisly.com
H6
Homebrew 6.0.0▲1,481
Today, I’m proud to announce Homebrew 6.0.0. The most significant changes since 5.1.0 are a new tap trust security mechanism, the new faster, smaller, default internal Homebrew JSON API, sandboxing on Linux, better defaults informed by our user survey, many brew bundle improvements, improved performance and initial support for macOS 27 (Golden Gate). Happy to discuss any questions here!
Dev tools · Jun 2026 · brew.sh
PU
Performative-UI – A react component library of design tropes▲1,181
hope you enjoy
Life & fun · Jun 2026 · vorpus.github.io
Upstream▲977
The inbox designed for humans and agents
AI · Jun 2026 · upstream.do
Goldfish▲962
Press Option. It knows your work and replies like you
AI · Jun 2026 · goldfish.sh
IM
I made Google Trends for Hacker News by indexing 18 years of comments▲822
Life & fun · Jun 2026 · hackernewstrends.com