Murad Library
Info
Murad LibraryREF-0371MD

Projetos legais da web fora da IndieWeb

Catalogued
Reading
19 min read

Compilado em 2026-06-23.

Este arquivo não é uma lista de “sites bonitinhos”. É um mapa de projetos e ecossistemas que mostram outros jeitos interessantes de usar a web: colaboração massiva, ciência cidadã, cartografia viva, arquivos públicos, brinquedos interativos, arte computacional, emuladores, visualização de dados e experimentos sociais.

Critério usado:

  • Fora da IndieWeb clássica: evitei focar em blog pessoal, posse de domínio, Webmention, Micropub, POSSE, Neocities e afins.
  • Projetos vivos primeiro: priorizei coisas ainda acessíveis, com comunidade, uso real ou relevância cultural/técnica.
  • Mistura boa: incluí projetos úteis, poéticos, absurdos e tecnicamente interessantes.

Legenda:

  • Muito vivo / movimentado: ainda tem uso forte, comunidade grande, dados atuais ou infraestrutura ativa.
  • Vivo / nichado: existe e vale explorar, mas não é mainstream.
  • Histórico / cuidado: relevante, mas pode estar velho, limitado, pago, mudando ou com futuro incerto.

1. Os mais vivos e movimentados

Estes são os que eu estudaria primeiro, porque têm uso real, comunidades ativas ou enorme valor prático/cultural.

OpenStreetMap

O OpenStreetMap é basicamente a “Wikipédia dos mapas”: um mapa global criado e editado por voluntários, com dados abertos. É usado em apps, pesquisas, projetos humanitários, mapas especializados e serviços comerciais. Se você estuda descentralização e colaboração, OSM é obrigatório.

Por que estudar: governança comunitária, dados geoespaciais abertos, licenças, edição colaborativa, infraestrutura pública não-corporativa.

Zooniverse

Plataforma onde voluntários ajudam pesquisadores classificando imagens, transcrevendo documentos, marcando objetos, identificando padrões e processando dados científicos. É um exemplo forte de web como máquina coletiva de pesquisa.

Por que estudar: crowdsourcing, ciência participativa, UX para tarefas repetitivas, colaboração em escala, transformação de curiosidade em dado científico.

iNaturalist

Uma rede para registrar plantas, animais, fungos e outros seres vivos. Usuários enviam observações com fotos, localização e data; a comunidade ajuda a identificar; pesquisadores usam os dados.

Por que estudar: rede social com utilidade pública real, dados ambientais, IA aplicada à identificação, comunidade híbrida online/offline.

Internet Archive / Wayback Machine

Um dos projetos mais importantes da internet. Arquiva páginas, livros, vídeos, softwares, áudio, imagens e outros artefatos digitais. A Wayback Machine permite ver versões antigas de sites.

Por que estudar: preservação digital, memória da web, arqueologia de software, copyright, fragilidade da cultura online.

Wikimedia Commons

Arquivo gigante de imagens, sons, vídeos e documentos com licenças livres ou domínio público. Alimenta a Wikipédia e inúmeros outros projetos.

Por que estudar: licenciamento livre, curadoria comunitária, metadados, commons digitais, cultura visual aberta.

Project Gutenberg

Um dos projetos mais antigos e importantes da web cultural: livros clássicos em formatos abertos, gratuitos, mantidos por voluntários.

Por que estudar: domínio público, digitalização, revisão comunitária, preservação textual, distribuição aberta.

Open Library

Projeto do Internet Archive que tenta criar “uma página para cada livro já publicado”. Tem catálogo editável e empréstimo/leitura de livros digitais.

Por que estudar: metadados bibliográficos, catálogo aberto, identidade de obras/autores/edições, tensão entre biblioteca digital e copyright.

Observable

Ambiente de notebooks web para análise, visualização e publicação interativa de dados. É especialmente forte com JavaScript, D3 e visualizações reativas.

Por que estudar: data storytelling, computação literária, visualização interativa, notebooks como publicação.

p5.js / p5.js Web Editor

Biblioteca JavaScript voltada para arte, educação e programação criativa. É uma das portas de entrada mais amigáveis para desenhar, animar, simular e brincar com código no navegador.

Por que estudar: arte computacional, ensino de programação, visualização, programação como expressão.

GeoGuessr

Jogo em que você cai em um ponto do mundo e precisa deduzir onde está usando pistas visuais. Parece bobagem, mas treina observação geográfica, cultura visual, infraestrutura urbana e leitura de paisagem.

Por que estudar: jogo como educação geográfica, cultura global, interface de mapas, comunidades competitivas.

Radio Garden

  • Tipo: exploração global de rádios ao vivo
  • Status: muito vivo / movimentado
  • Link: https://radio.garden/

Um globo interativo onde você gira o planeta e escuta rádios locais ao vivo. Simples, poético e poderoso: uma cartografia sonora do mundo.

Por que estudar: rádio na web, geografia cultural, descoberta por interface espacial, streaming como exploração.

Flightradar24

Mapa em tempo real de aviões usando dados ADS-B e outras fontes. É um ótimo exemplo de sensor network + visualização pública + comunidade de entusiastas.

Por que estudar: dados em tempo real, aviação, crowdsourcing de sensores, mapas vivos, observabilidade do mundo físico.

MarineTraffic

Equivalente marítimo do rastreamento de tráfego: navios, portos, AIS, rotas e logística global. Abre uma janela absurda para o funcionamento material do comércio mundial.

Por que estudar: logística, comércio marítimo, dados AIS, visualização geográfica, infraestrutura global.

OpenBenches

Um mapa de bancos públicos, especialmente bancos memoriais, enviados por pessoas. Parece pequeno, mas é genial: memória local, afeto urbano e dados abertos.

Por que estudar: microcartografia, memória pública, dados afetivos, comunidade em torno de objetos urbanos banais.

OpenRailwayMap

Mapa detalhado de ferrovias baseado em dados do OpenStreetMap: trilhos, eletrificação, velocidade, sinalização e outras camadas técnicas.

Por que estudar: mapas especializados, infraestrutura, transporte, derivação de dados OSM.

Neal.fun

  • Tipo: brinquedos, jogos e visualizações interativas
  • Status: muito vivo / movimentado
  • Link: https://neal.fun/

Coleção de experiências web: jogos, escalas, simulações, visualizações e pequenas ideias interativas. É uma aula de como fazer páginas simples virarem experiências memoráveis.

Por que estudar: microinterações, design lúdico, páginas como brinquedos, visualização popular.

The Useless Web

Um botão que leva você para sites absurdos, inúteis, hipnóticos ou idiotas. O valor aqui não é utilidade: é curadoria da web como playground.

Por que estudar: cultura weird web, curadoria, anti-utilitarismo, internet como brinquedo.

2. Web experimental, arte, brinquedos e interfaces estranhas

Curiouxify

Catálogo de experiências interativas, nostalgia de internet, sites estranhos e experimentos de browser. Bom para descobrir coisas novas sem cair só em listas SEO genéricas.

Por que estudar: curadoria da weird web, design experimental, nostalgia digital.

weirdwebspace

Diretório visual de sites experimentais, net art, design alternativo e projetos criativos. Mais focado em estética/experiência do que em infraestrutura.

Por que estudar: design anti-template, sites como obra, interface como expressão.

Experiments with Google

Reúne experimentos feitos com tecnologias do browser e do ecossistema Google. Tem muita coisa corporativa, mas também muita inspiração técnica.

Por que estudar: WebGL, WebAudio, browser APIs, IA interativa, prototipagem experimental.

Awwwards Experimental Websites

Bom para ver o extremo da web como design premium. Nem tudo é usável, e muito é “agência fazendo malabarismo”, mas serve para estudar interface, movimento e estética.

Por que estudar: web design avançado, animação, UI não convencional, performance vs. espetáculo.

Windows 93

Uma paródia surreal de sistema operacional retrô, cheia de apps falsos, glitches, piadas e caos. É mais net art do que ferramenta.

Por que estudar: nostalgia computacional, fake OS, interação lúdica, cultura vapor/retro-web.

Webamp

Recriação do Winamp em HTML5/JavaScript, com suporte a skins. Excelente exemplo de preservação estética e engenharia nostálgica.

Por que estudar: preservação de interface, WebAudio, reimplementação histórica, cultura MP3/desktop.

Shadertoy

Ambiente para criar e compartilhar shaders WebGL/procedurais. Um buraco negro maravilhoso de matemática visual, gráficos em tempo real e arte algorítmica.

Por que estudar: GLSL, computação gráfica, arte procedural, matemática visual.

NodeToy

Ferramenta visual para criar shaders por nós, com possibilidade de código customizado. Boa ponte entre artista visual e shader programmer.

Por que estudar: programação visual, shaders, material design, workflows híbridos código/nós.

Magma

  • Tipo: canvas colaborativo para desenho
  • Status: vivo / movimentado
  • Link: https://magma.com/

Plataforma de desenho colaborativo em tempo real. É tipo um estúdio online onde várias pessoas desenham no mesmo espaço.

Por que estudar: colaboração em tempo real, arte digital coletiva, UX de canvas compartilhado.

Sandboxels

Simulador de materiais: areia, água, fogo, gases, reações, explosões e sistemas emergentes em pixels. Um clássico espírito “brinquedo científico”.

Por que estudar: simulação emergente, autômatos celulares, aprendizagem lúdica, sistemas simples com comportamento complexo.

3. Mapas vivos, geografia e infraestrutura visível

Open Plaques

Projeto para catalogar placas comemorativas e marcadores históricos pelo mundo. Parece específico demais — e é exatamente isso que torna interessante.

Por que estudar: memória urbana, história local, dados abertos, ligação entre pessoas e lugares.

what3words

  • Tipo: sistema alternativo de endereçamento global
  • Status: muito usado, mas controverso
  • Link: https://what3words.com/

Divide o mundo em quadrados de 3m x 3m e dá a cada um uma combinação de três palavras. É útil e elegante em alguns cenários, mas é proprietário e criticado por riscos de confusão e dependência privada.

Por que estudar: design de endereçamento, geocodificação, infraestrutura proprietária vs. pública, usabilidade de localização.

WorldGuessr

Jogo de adivinhar localização com rodadas ilimitadas e multiplayer. Vale explorar se você gosta da ideia do GeoGuessr mas quer algo menos travado por assinatura.

Por que estudar: educação geográfica, interfaces de localização, jogo social leve.

OpenSeaMap

Mapa livre voltado a navegação e informações marítimas. É um exemplo excelente de especialização temática em cima de dados abertos.

Por que estudar: cartografia náutica, OSM temático, infraestrutura marítima aberta.

4. Ciência cidadã, pesquisa coletiva e jogos com utilidade real

Foldit

  • Tipo: jogo científico de dobramento de proteínas
  • Status: vivo / histórico importante
  • Link: https://fold.it/

Jogo em que pessoas ajudam a resolver problemas de dobramento/design de proteínas. Um dos exemplos mais famosos de “jogar para fazer ciência”.

Por que estudar: gamificação científica, inteligência coletiva, design de puzzles com impacto real.

Galaxy Zoo

Projeto clássico de ciência cidadã em que voluntários classificam galáxias. Foi uma das grandes provas de que multidões online podem ajudar ciência séria.

Por que estudar: crowdsourcing visual, astronomia pública, classificação humana em escala.

eBird

  • Tipo: observação colaborativa de aves
  • Status: muito vivo / movimentado
  • Link: https://ebird.org/

Projeto do Cornell Lab para registrar observações de aves no mundo todo. É um dos maiores exemplos de ciência cidadã com valor ecológico real.

Por que estudar: biodiversidade, dados temporais/geográficos, comunidade especializada, conservação.

SciStarter

Diretório para encontrar projetos científicos em que pessoas comuns podem participar. Bom portal de entrada para esse mundo.

Por que estudar: descoberta de projetos, design de participação pública, ciência distribuída.

5. Bibliotecas, arquivos e memória digital

Software Library do Internet Archive

Coleção de softwares, jogos, sistemas e programas antigos. Muitos rodam direto no navegador via emulação.

Por que estudar: preservação de software, emulação, história da computação, arqueologia digital.

The Pudding

  • Tipo: ensaios visuais e jornalismo de dados
  • Status: vivo / referência cultural
  • Link: https://pudding.cool/

Publica ensaios interativos baseados em dados, cultura e visualização. É uma aula de como a web pode ser uma mídia narrativa própria.

Por que estudar: storytelling visual, jornalismo de dados, scroll narratives, D3, cultura pop quantificada.

Our World in Data

Projeto de visualização e explicação de dados sobre saúde, economia, população, energia, educação e outros temas globais.

Por que estudar: dados públicos, comunicação científica, visualização responsável, fontes e metodologia.

Wikisource

Projeto Wikimedia para transcrever, revisar e disponibilizar textos originais, documentos e obras em domínio público.

Por que estudar: edição colaborativa textual, domínio público, transcrição, crítica documental.

Wikidata

Banco de conhecimento estruturado mantido pela comunidade Wikimedia. Serve como grafo semântico para pessoas, lugares, obras, eventos, conceitos e relações.

Por que estudar: dados ligados, ontologias leves, SPARQL, conhecimento aberto, metadados.

6. Mundos compartilhados, jogos sociais e espaços multiplayer

wplace

  • Tipo: canvas pixel-art colaborativo sobre mapa mundial
  • Status: muito movimentado em 2025/2026
  • Link: https://wplace.live/

Um mapa gigante onde usuários pintam pixels sobre o mundo, criando arte, vandalismo, protesto, memes e disputas territoriais. É o espírito do r/place aplicado à cartografia.

Por que estudar: arte coletiva, moderação em escala, mapas como território simbólico, cultura participativa caótica.

Spatial

Plataforma para criar e publicar mundos interativos acessíveis via web, mobile e XR. Tem uma camada mais corporativa, mas é tecnicamente interessante.

Por que estudar: web imersiva, UGC 3D, Unity SDK, mundos sociais, publicação cross-platform.

Gather

Espaços virtuais 2D onde pessoas circulam com avatares e conversam por proximidade. Virou popular para eventos, trabalho remoto e encontros online.

Por que estudar: presença social, spatial chat, trabalho remoto, interface de proximidade.

Dreamlab

  • Tipo: criação e deploy de jogos multiplayer no browser
  • Status: vivo / emergente
  • Link: https://dreamlab.gg/

Ferramenta para criar jogos multiplayer com menos infraestrutura manual. Interessante como tentativa de transformar multiplayer web em coisa mais acessível.

Por que estudar: netcode simplificado, criação colaborativa, jogos web, prototipagem rápida.

7. Ferramentas de criação e publicação que não são “IndieWeb”

Replit

  • Tipo: ambiente de desenvolvimento e deploy no browser
  • Status: muito vivo / movimentado
  • Link: https://replit.com/

IDE online, execução de código, deploy e criação de apps. Hoje tem forte camada de IA, mas continua sendo um laboratório prático para fazer coisas na web sem montar ambiente local.

Por que estudar: desenvolvimento no browser, educação, deploy rápido, codificação assistida por IA.

Glitch

  • Tipo: criação/remix de apps web no browser
  • Status: histórico / cuidado
  • Link: https://glitch.com/

Glitch foi uma das ferramentas mais deliciosas para remixar e publicar apps web rapidamente. Mas desde 2025 reduziu fortemente funções centrais como hospedagem de apps; vale mais como referência cultural e de UX do que como aposta nova.

Por que estudar: remixabilidade, cultura maker, deploy instantâneo, decadência de plataforma criativa.

CodePen

Ambiente clássico para experimentar front-end, publicar demos e aprender técnicas visuais/interativas. Menos “projeto poético”, mais oficina pública.

Por que estudar: prototipagem front-end, comunidade de demos, CSS/JS criativo.

JSFiddle

Um dos ambientes antigos para testar HTML/CSS/JavaScript direto no browser. Ainda útil, embora menos charmoso que CodePen.

Por que estudar: história do front-end colaborativo, snippets executáveis, prototipagem mínima.

8. Diretórios e pontos de partida para garimpar mais

Awesome Lists

Uma coleção enorme de listas “awesome” sobre linguagens, ferramentas, áreas técnicas e projetos. Não é bonito; é útil.

Por que estudar: descoberta técnica, curadoria GitHub, mapas de ecossistemas.

Alternative Internet

Coleção de projetos e perspectivas para uma internet mais descentralizada, livre e respeitadora de privacidade.

Por que estudar: descentralização, privacidade, redes alternativas, comparação de arquiteturas.

Weirdnet Directory

Diretório humanamente curado de cantos estranhos, experimentos e sites independentes. Encosta na IndieWeb, mas serve também para achar web art e projetos fora do óbvio.

Por que estudar: curadoria humana, descoberta sem algoritmo, web pequena e experimental.

Net Art Anthology

Arquivo curatorial da Rhizome sobre obras importantes de net art. Essencial para entender a web não só como ferramenta, mas como meio artístico.

Por que estudar: história da arte online, preservação de obras digitais, crítica de interface.

9. Projetos que eu colocaria na sua fila de estudo

Se você quer estudar “coisas legais da web” sem cair no vício de só blog/IndieWeb, eu seguiria esta ordem:

  1. OpenStreetMap — colaboração aberta com impacto material real.
  2. Internet Archive / Wayback — memória da web, preservação e fragilidade digital.
  3. Zooniverse + iNaturalist + eBird — web como ciência distribuída.
  4. Observable + The Pudding + Our World in Data — web como ensaio interativo e instrumento de conhecimento.
  5. Radio Garden + Flightradar24 + MarineTraffic — mapas vivos do mundo real.
  6. Neal.fun + The Useless Web + Windows 93 — web como brinquedo e anti-utilidade.
  7. p5.js + Shadertoy + Webamp — browser como máquina criativa.
  8. OpenBenches + Open Plaques + OpenRailwayMap — microcartografias e dados obsessivos.
  9. wplace + Spatial + Gather — web como espaço compartilhado/multiplayer.
  10. Wikidata + Wikimedia Commons + Wikisource — conhecimento público estruturado.

10. Leitura brutalmente honesta

A web interessante não está só em “tenha seu blog e controle seu domínio”. Isso é importante, mas é só uma fatia.

Existem pelo menos oito webzinhas paralelas acontecendo:

  1. Web-arquivo: Internet Archive, Gutenberg, Open Library.
  2. Web-mapa: OSM, Radio Garden, Flightradar24, MarineTraffic.
  3. Web-ciência: Zooniverse, iNaturalist, eBird, Foldit.
  4. Web-brinquedo: Neal.fun, Useless Web, Sandboxels.
  5. Web-arte: Shadertoy, p5.js, Windows 93, Net Art Anthology.
  6. Web-dados: Observable, The Pudding, Our World in Data.
  7. Web-conhecimento estruturado: Wikidata, Commons, Wikisource.
  8. Web-espaço social: wplace, Gather, Spatial, Dreamlab.

O erro seria estudar tudo como “plataforma” ou “rede social”. Muita coisa boa da web não é rede social. É mapa, arquivo, brinquedo, laboratório, biblioteca, simulador, instrumento científico, obra de arte ou obsessão coletiva bem organizada.

Fontes consultadas

Did this resonate?

Related documents