1.5 stage
the stage is where your design is playing. let's get real - there's no 'run' button here
because, guess what? it's already running! that's
right, you're editing live. want to test something?
you're doing it already. need to resize the browser?
just go for it. but here's a neat trick - hit
R
on your keyboard and you'll switch to a clean
preview mode.
it's just your website or app, no editing mode
distractions, free for you to click around and
navigate. want to jump back into editing? hit
R
again and you're right back where you left off. generally, whenever you'll hit
ESC
on your keyboard, rnbw will close all panels and focus solely on the stage.
"The first web browser was also an editor. The idea
being that not only could everyone read content on
the web, but they could also help create it. It was
to be a collaborative space for everyone."
Sir Tim Berners-Lee
coming soon
1.8 ask something
hit
A
to ask rnbw to automate a big chunk of your work
using artificial intelligence by your side.
this feature is in development and has yet to be
released publicly. we'd love to hear you!
Blog Post Title
Posted on April 30, 2023 by Author Name
This is the first paragraph of the blog post. It
should be engaging and give readers an idea of
what to expect in the rest of the article.
Subheading 1
This paragraph is part of the first section,
which has a subheading to help organize the
content.
Subheading 2
This paragraph is part of the second section,
which also has a subheading for organization
purposes.
Generate
Edit
Recent
Create a blog post layout
Create a pricing section with the
active components libraries
1.9 code
to create a successful software project, design and
code must work hand in hand. let's edit some code
directly by hitting the
C
key.
you can freely move between the stage, code, or
tree. any changes will apply directly to your
project and immediately re-render.
"The first web browser was also an editor. The idea
being that not only could everyone read content on
the web, but they could also help create it. It was
to be a collaborative space for everyone."
Sir Tim Berners-Lee
const tryMeBtn = document.getElementById("try_me");
tryMeBtn.addEventListener("click", () => {
window.location.href = "https://rnbw.dev";
});
editor
write your own code as part of your design process.
external code
connect anything to your project and edit it while
it is running.
NPM
import NPM Packages to your project and run them
while editing.