Subscribe
Sign in
rnbw — design, code
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!
42
Replies
hey product hunt! eden here, the designer and maker of rnbw.
thank you so much @benln for hunting rnbw!
it's time to unlock the boundless potential of design and engineering. excited? you should be.
rnbw is my third attempt to create a design/development platform on the web. unlike my previous, rnbw doesn't seek to please everyone. it's laser-focused on a niche audience: designers who code or developers with a flair for design, the true front-end warriors who are ready for the #nobuild, #localfirst era. the real thing.
a decade's journey has led us here. the world, the market, the economy, and perceptions have transformed. design and development have evolved, making us rethink our strategies to tackle this age-old problem. so, we rolled up our sleeves and worked for about a year on a handful of atomic concepts, ensuring they could become the underlying engine for the next phase of web creation.
we’re only v0.1. we're just starting and introducing the basics - a near-zero-latency design-and-code synchronization. in this journey of ours, every small victory is a giant leap toward a reimagined future of design and development.
learn more 👉 https://rnbw.company/colorpaper
@edenvidal Congratulations for the launch, Eden!! 💐 :)
Finally you are making me move from boring code editor... hahaha.. But looks worth switching to this cool editor.
@sentry_co rnbw is not competing or trying to. 😄 it runs your code and allows you to interact with it as if you're designing in figma. this distinguishes it from actually coding in vs code. as for copilot, it operates in a similar manner - but it's more of a design-centric approach to user experience with a static html,css,js as the foundation. 💁♂️ i believe rnbw is currently more beneficial for creating design systems for the web, such as css or a set of web components that are linked to many sites/apps. that's why we made it for ourselves.
@edenvidal Ahah okay. So its is more a WYSIWG figma like design app that outputs. Raw css, html, js? Or using a JS framework in the middle somewhere?
This looks rad! I'd love to see a video walkthrough using the product basics and some links to sites built using rainbow :)
Congrats on the launch! How does rnbw handle real-time collaboration between designers and developers?
hey @memphys_sk, thanks for the question! our ideology is that design should be integrated into the development environment and everything that comes with it. therefore, we prioritize asynchronous collaboration based on files using git. 🌈 that said, i envision a future where we can benefit from both live and asynchronous collaboration. we're currently discussing this as one of the premium offerings we'll be able to provide to product design teams. 🤸🏻
Hey Eden and the rnbw team!
Big congratulations on launching rnbw! 🎉 This platform is a remarkable achievement, especially with its focus on zero-latency design-and-code synchronization. It's clear that rnbw is set to revolutionize the workflow for designers and developers alike.
Can't wait to see the impact this will have on the future of web creation! 🚀
very cool, I'll test it over the weekend and perhaps think of moving away from nvim
rnbw sounds like a game-changer for those of us who straddle the worlds of design and development!
The idea of near-zero-latency synchronization between design and code is particularly exciting.
How does rnbw handle real-time collaboration between multiple users? Also, are there any specific integrations or tools that you plan to introduce in future updates to further enhance its capabilities?
thank you, @kyrylosilin! the zero-sync concept is fascinating. i've provided an answer about the collaboration here 👉 https://www.producthunt.com/post... 😄 as for the future and integrations, our goal is to create as little "rnbw" as possible so that it can be extended and integrated with various systems. there will be straightforward integrations like live collaboration, ai models, and github, and others that are more specific to particular use cases, given the wild nature of design systems in organizations.
Whether you’re a web developer looking for a reliable code editor, a designer in need of a flexible design tool, or part of a team working on collaborative projects, rnbw provides the features and support needed to enhance productivity and streamline workflows.
Notion