Navegador open source · macOS · Chromium

O navegador que sabe que você programa.

Um navegador Chromium com sidebar vertical, Spaces e uma barra de comandos que entende gh 482, JWTs e URLs de staging. Seu agente de código enxerga suas abas. Tudo fica no seu Mac.

Grátis e open source · Apple silicon

gh 483
  • oprimo/api#483Open pull request or issue
  • GFix checkout redirect #482Switch to tab
  • Goprimo/api · Pull requestsHistory
ProjetoFlecha DesenhoJanela principal, barra de comandos aberta Escala1 : 1 @ 1000 px Rev1.0
  • Chromium de verdadelogin do Google e extensões do Chrome funcionam
  • 100% localsem conta, sem servidor do Flecha
  • Zero telemetriao app não envia nada sobre você
  • Open sourcepoucos patches e uma interface em TypeScript

Barra de comandos · ⌘T

Digite como se estivesse no terminal.

Uma caixa só para abas, histórico, comandos e os sites que você abre cinquenta vezes por dia. Ela decodifica as strings que você colaria em algum site qualquer. Esta demo roda as mesmas regras do app. Experimente.

gh
repo, número de PR no repo atual ou busca
npm
página do pacote ou busca
mdn caniuse so
documentação, suporte nos navegadores, respostas
env
esta página em outro ambiente
boost
editar o Boost deste site
eyJ… 1761…
JWTs e Unix time, decodificados no seu Mac
  • flecha-browserSearch GitHub

Tokens são decodificados dentro do navegador. Nunca saem da sua máquina.

Ferramentas de dev

A parte do seu dia que acontece no navegador.

Feito para o ciclo de editar, recarregar, conferir staging, perguntar ao agente e subir.

⌥⌘E

Uma tecla entre local, staging e produção.

Agrupe as origens de um projeto uma vez nas Configurações. A mesma página abre no próximo ambiente com caminho e query intactos, e a barra de endereço mostra um selo LOCAL, STAGING ou PROD para você nunca mexer em produção sem querer.

locallocalhost:3000/checkout?step=2⌥⌘E
stagingstaging.acme.dev/checkout?step=2⌥⌘E
prodacme.com/checkout?step=2⌥⌘E

⌥⌘M

Celular e desktop, lado a lado.

Um celular de 393 px, com toque e user agent mobile, ao lado da página inteira. Ele acompanha cada navegação.

Logins separados por Space.

Ligue cookies separados num Space e ele ganha sessões próprias. Fique logado em duas contas do GitHub, ou teste como admin e como cliente lado a lado.

Seus servidores de dev, já na sidebar.

Servidores rodando neste Mac aparecem sozinhos, com o nome da pasta do projeto. Abas locais contam os erros do console; clique no selo para abrir o Console.

⌥⌘B

Boosts: seu código em qualquer site.

Um Boost é um arquivo TypeScript ou CSS comum em ~/.flecha/boosts, com o nome do site. O Flecha compila com esbuild. O CSS aplica ao vivo quando você salva, scripts recarregam a página. Coloque a pasta no git e seus ajustes vão junto para qualquer Mac.

~/.flecha/boosts/

// github.com.ts · roda em toda página do github.com
export {};

const lockfiles = document.querySelectorAll<HTMLElement>(
  '[data-path$=".lock"]',
);
for (const file of lockfiles) file.hidden = true;
/* all.css · todos os sites, aplicado ao vivo */
:root { font-synthesis: none; }
::selection { background: #3aa6d9; }

MCP · Model Context Protocol

Deixe seu agente de código ver e usar suas abas.

Ligue a ponte nas Configurações e o Flecha serve MCP em 127.0.0.1, protegido por token. Claude Code, Cursor e outros agentes listam abas, leem páginas e logs do console, tiram screenshots, clicam, digitam e rodam JavaScript. A sidebar mostra o que o agente está fazendo enquanto ele trabalha.

  • list_tabs
  • read_page
  • console_logs
  • screenshot
  • click
  • type
  • press_key
  • evaluate
  • navigate
  • wait_for
~/acme/web

$ claude mcp add --transport http flecha http://127.0.0.1:…/mcp

› por que o checkout redireciona duas vezes?

● flecha · console_logs localhost:3000/checkout

● flecha · evaluate performance.getEntriesByType('navigation')

● flecha · screenshot checkout.png

O middleware de auth roda antes do cookie de sessão ser gravado, então a primeira requisição chega sem sessão. Mover setSession() para antes de requireAuth() resolve.

O navegador

Um lugar tranquilo para cem abas.

A sidebar, os Spaces, o Peek e a tela dividida que você curtia no Arc, refeitos do zero.

⌥⌘N

Flechinha para links de outros apps.

Um link do Slack ou do Mail abre numa janela pequena e focada, em vez de se acumular nos seus Spaces. Gostou? ⌘O leva para o Flecha.

Espie antes de abrir.

Links de abas fixadas e favoritos abrem num cartão flutuante sobre a página. Esc fecha; um clique vira aba.

⌃⇧=

Tela dividida, até quatro painéis.

Arraste uma aba para a página para dividir. Arraste o divisor para redimensionar, clique duas vezes para igualar.

  • Abas fixadas, pastas e favoritospor Space, arrastados para onde você quiser.
  • As abas do dia se arrumam sozinhasarquivadas depois de 12 horas e ainda pesquisáveis. ⇧⌘K limpa na hora.
  • Spaces num gestodois dedos para o lado na sidebar, ou ⌃1–⌃9. Cada um com seu emoji e sua cor.
  • Controles do sitepermissões, zoom, limpar dados do site e copiar um screenshot da página.
  • Uma tela inicial útilbusca, seus sites mais visitados e seus servidores de dev rodando.
  • Configurações com buscae um gerenciador de Abas e Spaces para reorganizar tudo de uma vez.
  • Claro e escuroo tema do Flecha também define o prefers-color-scheme das páginas.
  • Downloads e busca na páginadireto para sua pasta, listados na sidebar. ⌘F para buscar.
  • De volta de onde paroujanela, abas, histórico e posição de rolagem voltam ao abrir.

Por baixo do capô

Chromium de verdade, não um wrapper.

O Flecha é um fork do Chromium. As páginas renderizam igual ao Chrome, o login do Google funciona e qualquer extensão da Chrome Web Store instala, inclusive bloqueadores de conteúdo e gerenciadores de senha que conversam com o app do desktop.

O fork é pequeno de propósito: uma lista curta de patches para a janela, o painel da sidebar, os atalhos, o Peek e o Flechinha. Tudo o que você vê é uma extensão embutida em TypeScript, então atualizar o Chromium continua fácil.

Interface do Flecha chromium/shell

sidebar · barra de comandos · Configurações · Boosts · ponte MCP · importação

Patches do Flecha chromium/patches

moldura da janela · painel lateral · atalhos · Peek · Flechinha · tela dividida

Chromium

Blink · V8 · extensões · login do Google · atualizações do upstream

Privacidade

Local por design. O Flecha não coleta nada.

Não existe servidor do Flecha para onde mandar seus dados. Não precisa acreditar na gente: o código é público. Leia a política de privacidade.

Seu Mac

Flecha

  • Abas, Spaces, configuraçõesseu perfil do Flecha
  • Históricoseu perfil do Flecha
  • Boosts~/.flecha/boosts
  • Cookiesum pote por Space, se quiser
  • Bloqueador de anúncios e rastreadoresroda localmente

Claude Code, Cursor

falam com o Flecha via MCP em 127.0.0.1, com token

Dados de outros navegadores

lidos uma vez, ao importar

A web

sites que você visita, seu buscador, atualizações de extensões e das listas do bloqueador

Servidores do Flecha

não existem

Enviado ao Flechabytes

  • Analytics de uso0
  • Relatórios de crash0
  • Histórico de navegação0
  • Conta ou loginnenhum

O tráfego de rede são os sites que você abre, seu buscador, atualizações de extensões e das listas do bloqueador, e os serviços que já vêm no próprio Chromium.

  • Seus dados são arquivos no seu Mac

    Abas, Spaces, histórico e configurações ficam no seu perfil do Flecha. Faça backup, apague ou leve para um Mac novo.

  • Rastreadores bloqueados de fábrica

    O bloqueio de anúncios e rastreadores vem embutido e ligado por padrão, com as listas EasyList, EasyPrivacy e uBlock.

  • Agentes só quando você deixa

    A ponte MCP fica desligada até você ligar, só escuta em 127.0.0.1 e exige token. Você vê cada ação na sidebar.

  • Spaces guardam segredos

    Dê a um Space seu próprio pote de cookies e as sessões dele ficam invisíveis para os outros Spaces.

Teclado em primeiro lugar

Tudo tem atalho. E você escolhe qual.

Grave suas próprias teclas para qualquer comando nas Configurações. Conflitos são avisados antes de atrapalhar.

  • ⌘TBarra de comandos
  • ⌘LEditar a URL atual
  • ⌘SEsconder a sidebar
  • ⌘DFixar ou soltar aba
  • ⇧⌘CCopiar URL
  • ⇧⌘KLimpar as abas do dia
  • ⇧⌘TReabrir a última aba
  • ⌃1–9Trocar de Space
  • ⌃⇧=Tela dividida
  • ⌥⌘NNovo Flechinha
  • ⌥⌘EPróximo ambiente
  • ⌥⌘MVisão responsiva
  • ⌥⌘BBoosts
  • ⌘FBuscar na página
  • ⌘,Configurações
  • ⌘OFlechinha → Flecha

Migrando

Traga tudo com você. Inclusive do Arc.

O Arc está sendo descontinuado, e o Flecha mantém as ideias que valem a pena. A importação encontra os navegadores do seu Mac, e um tour rápido de boas-vindas mostra tudo com os seus atalhos.

File → Import Browser Data (menu do app, em inglês)

NavegadorSpacesAbas fixadasFavoritosHistórico
Arc—
Chrome, Brave, Edge e outros navegadores Chromium——
Firefox——
Safari——

Os favoritos chegam como um Space de abas fixadas, e o histórico é unificado e pesquisável. Tudo é lido dos arquivos no seu Mac; nada é enviado.

Grátis e open source

Um navegador que você pode ler, compilar e forkar.

Navegadores de empresa podem sumir quando a empresa muda de planos. O código do Flecha é público: se o projeto um dia parar, seu navegador continua funcionando e qualquer pessoa pode continuar.

flecha-browsermain
chromium/
  patches/      # os poucos patches do Chromium
  shell/        # a interface, como extensão embutida
    sidebar.ts
    features/     # boosts, ambientes, servidores…
  native-host/  # importação e a ponte MCP
  scripts/      # apply.sh · build.sh · run.sh
src/
  renderer/     # sidebar, barra de comandos, Configurações
  shared/

Issues e ideias são bem-vindas no GitHub.