Pagedraw - Beta release

What it does

Design your web UI, then import the design directly from code. No more time wasted translating mockups to JSX and CSS. Using Pagedraw is like adding another React developer to your team. Try a demo at https://pagedraw.io/tutorials/basics/ 🔥

Design your web UI, then use the design directly from code. No more time wasted translating mockups to JSX and CSS. Using Pagedraw is like adding another React developer to your team.

We want to give one last, big thank you to all our users, supporters, and investors. It’s been An Incredible Journey. We’re moving on, but We’re very proud of the technology we’ve built. We’re releasing it open source both so you can keep using it, and so we can share our ideas about how to build UI tools. Ultimately, we think Pagedraw is the wrong product. We think you can get 90% of the benefits of Pagedraw by just using JSX better. Our findings on this will be controversial, as they go entirely against the current “best practices,” so we’ll save them for a later blog post. As promised, you can simply stop using Pagedraw— all the generated code already lives in your repo! If you’re using…from pagedraw.io

• 
  Page UI2024 · pageui.shipixen.com · ▲810

  High-converting landing page components to copy and paste

• 
  HTML to React2024 · ▲572

  Turn a design from any website into your own

• 
  Quarkly2020 · quarkly.io · ▲184

  Design tool to create sites & web apps on React

• 
  ReactSymbols UI Kit2017 · coolsymbol.now · ▲288

  UI elements in ready-to-use components for React

• 
  React for Designers2018 · designcode.io · ▲301

  Course for building a React site using components

• CR
  Copy React code from any site2022 · sample-code.aspect.app · ▲374

  I made this because building React components from scratch is super annoying. Most visual elements already exist on the web, and I figured there should be a way to leverage that. I hope it's useful!

• 
  /dev/null▲468

  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▲340

  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 · 27d ago · corespeed.io

• 
  Six Degrees of Wikipedia▲1,176

  Find the shortest hyperlinked paths between any two pages on Wikipedia.

  Life & fun · 2018 · sixdegreesofwikipedia.com

• 
  Witeboard▲1,017

  A real-time whiteboard for your team. No signups required.

  Dev tools · 2018 · witeboard.com

• 
  Product Hunt 4.0 for Mobile▲955

  Discover your next favorite thing, now on iOS and Android 📱

  Life & fun · 2018

• 
  PixelSnap▲945

  Measure every pixel on your screen with ease ✨

  Dev tools · 2018 · pixelsnap.com

• 
  Sip by Product Hunt▲933

  Daily tappable tech news and stories.

  Life & fun · 2018 · sip.fyi

• 
  Logo▲866

  Clean, simple, hassle-free logo design

  Growth · 2018 · logo.shapefactory.co