rnbw

In plain words

rnbw is an open-source design and code editor that synchronizes visual design with HTML, CSS, and JavaScript files. It allows developers to edit code and see design changes instantly, and to modify design elements with corresponding code updates. The tool is built for developers who work with web files and want a unified interface for both design and development work.

written from the facts on this page · September 2026

From the sources

rnbw 🌈 is a modern design and code editor 💻 it makes your html, css, js files designable. when the code changes, the design changes. when the design changes, the code changes. and, that's it!

• 
  Editor.js2019 · editorjs.io · ▲723

  A block-styled editor with clean JSON output

• 
  Devsync2020 · devsync.co · ▲319

  Visually edit CSS. Live-sync the result with your editor.

• 
  PR Lens by Coldtea.aiAug 2026 · prlens.dev · ▲347

  See code through a new lens

• 
  tinykiwi2022 · ▲406

  Simple yet powerful image editor, tailor-made for makers

• 
  LayrrNov 2025 · kiranjohns.com · ▲284

  Framer for your actual codebase

• 
  Flowbite WYSIWYG2024 · flowbite.com · ▲349

  Open-source text editor with Tailwind CSS

• 
  /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

• 
  Pygma▲1,412

  AI copilot for Instagram

  AI · 2024 · pygma.me

• 
  Cello▲1,347

  Easiest way to add a referral program to your SaaS

  Growth · 2024 · cello.so

• 
  La Growth Machine▲1,216

  Create personalized, multi-channel conversations at scale

  AI · 2024 · lagrowthmachine.com

• 
  Superhuman 2.0▲1,142

  Revolutionary AI email, reimagined for teams

  AI · 2024 · superhuman.com

• 
  FlowMapp 3.0▲1,142

  Visual website planning in the most powerful way

  Work · 2024 · flowmapp.com

• 
  PyjamaHR▲1,132

  Hiring on autopilot. The AI applicant tracking system (ATS).

  Work · 2024 · pyjamahr.com