bewBROWSER FOR BUILDERS
Get Bew
NOW BUILT ON GECKO. THE ENGINE BEHIND FIREFOX.

The browser is
your workbench.

Your app. Its requests. Its data. The terminal.
One thoughtful space for everything you’re building.

Get Bew for Mac Step inside

macOS 14+ · Apple Silicon & Intel · Gecko

01 / YOUR ENTIRE WORKSPACEFour live pages. One place to think.

01 MAKE ROOM FOR THE WHOLE IDEA

More than tabs.
A space to work.

Two pages. Four pages. Your own arrangement.
Live views that keep their state
when you move them around.

Four perspectives. One workspace.

Nest horizontal and vertical splits to put your app, reference, inspiration, and another page in view. Resize the boundaries or focus one pane when it needs your full attention.

02 THE DETAILS ARE RIGHT HERE

Go beneath
the surface.

Firefox’s developer tools, built in.
Elements, Console, Network, Sources, Storage, and Flow.
Keep the page and the explanation together.

REAL PAGE. REAL ELEMENT. FIREFOX DEVTOOLS IN BEW.
ELEMENTS

From pixel to element.

Pick on the page, explore its DOM, and inspect rules, computed values, layout, and the box model.

CONSOLE & SOURCES

A closer conversation.

Read and filter output, evaluate JavaScript in the page, set breakpoints, and step through your sources.

COMPONENTS

Closer to the code.

Component details for Vue, Nuxt, React, and Next.js pages, and local source editing for the project folders you allow.

03 EVERY REQUEST HAS A STORY

See what happened.
Change what happens next.

Firefox’s Network panel is the beginning.
Bew adds rules that override, block, and report.
Made for the debugging loop.

LIVE API RESPONSE creavit.studio / api / pricing
01

Find the request.

Filter by type, search URLs, and keep the waterfall in view. Bew adds an Overridden filter and a count of the rules that are active right now.

02

Read the whole exchange.

Open headers, cookies, payloads, responses, timings, and the stack trace behind a call, without losing the page above.

03

Try a different outcome.

Edit a captured response and keep it as a rule: status, headers, body, and an optional delay. Or always block a URL. Rules answer before any connection is made.

04

Take the evidence with you.

Copy as cURL or fetch, save a HAR, or copy a bug report with secrets redacted, ready for the issue tracker.

Override Response… · Always Block in Bew · Copy Bug Report · Overridden filterGet into the workflow

04 CONNECT THE DOTS

There’s a story
between the requests.

Flow turns a browsing session into a map.
See pages, actions, and API calls
as connected moments.

Page Action API call Next page
RECORDED ON CREAVIT.STUDIO IN BEW.
RECORD THE RELATIONSHIP

What led to this?

Start recording from the developer tools and Flow connects navigation and actions with the calls they caused.

MAKE THE MAP READABLE

Zoom out. Find the pattern.

Filter calls and domains, sort requests, and fit the whole graph into view.

KEEP THE EXPLANATION

A map you can share.

Export the map as a PNG, or copy it as Mermaid for your notes and pull requests.

05 FOLLOW THE DATA HOME

Where did
this value come from?

Press ⌃⌘T and click a value on a Vue or Nuxt
development page. Lineage walks it back,
step by step, to the line that made it.

  1. Upstream requestGET /api/pricing
    runtime
  2. Nuxt server routeserver/api/pricing.ts
    source
  3. useFetchcomposables/usePlans.ts
    matched
  4. PropsPlanCard.vue · plan
    runtime
  5. Template{{ plan.price }}
    runtime
  6. DOM$29 / month
RUNTIME, MATCHED, SOURCE

Know what is confirmed.

Each step says whether the running page confirmed it, the project matched it, or it comes from source alone.

READS, NEVER CHANGES

From the response to the line.

Props, setup bindings, Pinia, useState, useAsyncData, server routes, and the captured JSON, read without touching the page.

WATCH CHANGES LIVE

Catch the write.

Watch a value and see the call stack that changed it, mapped through source maps and opened in your editor.

The trail above is an illustration of the steps Lineage shows.

06 SAME APP, EVERY STAGE

Local. Staging.
Production.

Group the origins one app runs on. A colored badge in the address bar shows where you are, and its menu opens the same path, query, and fragment on another environment. ⌃⌘E jumps to the next one.

Stagingstaging.example.com/pricing?plan=pro
  • Locallocalhost:3000/pricing?plan=pro
  • Stagingstaging.example.com/pricing?plan=pro
  • Productionexample.com/pricing?plan=pro

Env adds the site you are on to an app.

07 FINISH THE LOOP

From “let me try”
to “look at this.”

A REAL TERMINAL

Your shell. Already here.

Start the server. Run the command. Keep processes alive while you browse, with terminal tabs and split panes right inside Bew.

⌘J Bring the terminal into view.

SCREENSHOT STUDIO

Make the result worth sharing.

Capture the visible area, an element, or a region. Add a gradient, padding, rounded corners, a shadow, or a little tilt. Copy it or export a PNG.

The backgrounds here? Made in Bew.

08 A SIDEBAR THAT HELPS OUT

The small chores.
Handled.

Widgets stay out of the way until they have
something to show. Turn each one on
in Widget Settings.

Verification

Sign-in codes and links from your Gmail, matched to the site you are on. A fresh code fills itself in.

Form Replay

Record a signup once, replay it with {{random}} or {{n}} values, and wait for the emailed code along the way.

Send to Phone

A QR code for the current tab, with localhost swapped for your Mac’s network address.

Local Servers

The web servers listening on your Mac, listed in the sidebar and ready to open.

Meetings

Today’s meetings from your Mac’s Calendar, once you allow access.

Pull Requests

Your open GitHub pull requests through the GitHub CLI you already signed in to.

Captured in Bew’s current Gecko interface with live public pages and an isolated demo profile. Check the changelog for release details.

COMFORTABLY AT HOME ON YOUR MAC

A powerful engine.
A little more personal.

Gecko inside.

The independent engine behind Firefox renders every page, with Firefox’s developer tools, password manager, and optional sync. Bew adds the workspace around it.

Your choices stay yours.

A local profile, Mozilla telemetry turned off, signed updates from Bew’s own releases, containers and private windows when you need them.

Read the privacy details

Make room your way.

Named, tinted workspaces, a sidebar with your own opacity and grain, rearrangeable toolbar buttons, and every command one ⌘K away.

MOVE IN WITHOUT STARTING OVER

Bring your browser
with you.

Choose the browsers and profiles, then the bookmarks, history, passwords, and cookies to bring along. Nothing moves until you start the import.

  • Safari
  • Chrome
  • Arc
  • Brave
  • Edge
  • Firefox
  • Zen
  • Password CSV

A FEW THINGS TO KNOW

Before you
move in.

Help & support
What is Bew?

Bew is a Mac browser for people who build the web. It runs on Gecko, the engine behind Firefox, and adds workspaces, split views, a terminal, developer tools, and widgets made for development work.

Why Gecko?

Gecko gives Bew a full, independent web engine with Firefox’s developer tools, password manager, and sync. Bew builds its workspace, sidebar, and developer features on top of it.

Which Macs can run it?

The Gecko build requires macOS 14 Sonoma or later. There are separate downloads for Apple Silicon and Intel Macs.

Can I bring my data from another browser?

Yes. Bew can import from Safari, Chrome, Arc, Brave, Edge, Firefox, and Zen, and from a password CSV file. Nothing is imported until you choose the browsers and categories and start the import.

Does everything stay on my Mac?

Browser data lives in your local profile, and Bew turns off Mozilla’s telemetry and automatic updater; Bew’s own updater only asks GitHub for new releases. Websites still receive ordinary web traffic, and features you connect, such as Firefox Sync, Gmail, Calendar, or GitHub, talk to those services. Our privacy page explains the details.

How do I update?

Download the newer DMG from the download page and replace the app in Applications. Your profile stays where it is.

Bew app icon

MAKE YOURSELF AT HOME

Your next idea.
Its new favorite browser.

Keep your tools close. Give your ideas some room.

Get Bew for Mac macOS 14+ · Apple Silicon & Intel