colorpaper ↗

design, code

coming soon

a design tool that gets you

rnbw can hook artificial intelligence to understand your project and provides you with a range of tools to manage it. ask  things and let ai do things for you.

rnbw is a design tool that “get you” - let digital mind do the work and unleash your creativity! ai-powered commands allows you to focus on creating.

we’re not in canvas anymore

html, css and js are not just code, or what we see in the browser. they're design tools. when designing with them, we're not on a flat canvas, we're crafting within the web's natutal structure. and it's a whole different thing!

freely move and compose content. with rnbw, you're designing inside the web's framework. working within its limits, you're embracing the essence of dynamic layouts where it performs best - the native web.

simple yet dangerous

simple enough for anyone, flexible enough for anything, and open enough to use anyhow. rnbw is focusing on atomic concepts. when combined, they multiply their meaning. rnbw is designed to fracture.

rnbw allows users to build their solutions in the best way possible that works for them, not others. we believe this design principle is the key to more powerful software.

your files, who knew?

that's right, rnbw is local-first software as it lets you open and edit any file type like html, css, markdown, javascript, directly within the platform.

experience seamless, user-friendly editing as you visually manipulate your files and bring your projects to life. that's right, rnbw is built for the #nobuild, #localfirst era

design at your command

rnbw is prompt-driven and optimized for you and your keyboard. the command menus are designed to bring you that feeling of lightness and flow.

keyboard shorcuts are the de-facto way of doing things in rnbw. hit J for the jumpstart menu. hit A to add something. hit W to do something. you've just learned it!

design together, the dev way

finally, embrace git and async collaboration. but there's more. a lot more. continuous integration tests design elements in their natural environment, issue tracking keeps everyone updated, and code reviews ensure quality.

we believe in fully embracing dev workflows to integrate design and development. it's individual effort for collective gain! adopting these methods elevates both dev and design, making the team more cohesive and efficient.

coming soon - rnbw-vscode
index.html
update index.html
stanislavasal • 4 hours ago
update nav.js
edenvidal • 2 hours ago
update index.html
stanislavasal • 4 hours ago
update index.html
stanislavasal • 4 hours ago
update index.html
hadarlozon • 7 hours ago
Push changes
/
Project
dev
Page
Stylesheet
Script
Component
Folder
Stylesheet
Script

optimized for openness

rnbw is a 100% local-first application, designed to fracture. it offers an open core, allowing you to build on top of it or contribute directly.

extend rnbw's capabilities to suit your needs using its quick api. create custom actions and get full control of the design

const tryMeBtn = document.getElementById ( "try_me" ) ;tryMeBtn.addEventListener ( "click" , () => {
window.location.href = "https://rnbw.dev";
} );
Do something...
Other
Create new action
Other
Create Web Component
Remove unused styles(28)
Copy class names
Settings
id
something
data
hello world
Styles
Style1
Style2
Width
24px
Display
Flex
Position
Relative

design that works

rnbw is an environment to design in the web medium. build websites, apps, and design systems. create with popular libraries or make your stuff. while you act on your ideas, your code is edited in the background. your design (literally, your codebase) is a living product with unlimited capabilities. it is the ultimate design tool, and common ground with your development workflows. it is the real thing, built for the #nobuild, #localfirst era. when your design is done, it’s done.

rnbw - modern design and code editor | Product Hunt