Veja funcionando. Construa o seu.

Escolha um app completo ou uma interação nativa específica. Cada card abre um guia com vídeo, código executável e limites por plataforma. Comece pelo primeiro app e siga para o Fieldnotes para combinar mais recursos.

Os filtros indicam a plataforma gravada, não todas as plataformas suportadas pelo recurso. Os vídeos nativos vêm de builds reais em simuladores/emuladores. O visualizador de diagnósticos executa no navegador com relatórios didáticos explicitamente sintéticos.

Encontre um exemplo

Plataforma da gravação

10 exemplos encontrados

iOS 26

COMECE AQUI

Seu primeiro fluxo completo

Lista, detalhe, edição em modal e guard. Todos os arquivos do tutorial também executam no demo.

Veja o vídeo e o código →

iOS 26

APP INTEGRADO

Fieldnotes

Drawer, busca, ações compartilhadas e estado preservado em um app pequeno.

Veja o vídeo e o código →

iOS 26

APP INTEGRADO

Airbnb NS

Feed de acomodações, favoritos, abas e transição de um card para o detalhe.

Veja o vídeo e o código →

iOS / iPadOS 18.6

CONTAINER

Drawer adaptativo

Overlay e painel permanente com as mesmas páginas, históricos e rascunhos.

Veja o vídeo e o código →

iOS 18.6

EXPERIÊNCIA NATIVA

Uma ação, várias superfícies

Header e menu compartilham título, disponibilidade, estado ocupado e erros.

Veja o vídeo e o código →

Android 16

CONTAINER

Histórico por aba

Navegue, alterne de aba e volte ao mesmo ponto em cada pilha.

Veja o vídeo e o código →

Android 16

FLUXO NATIVO

Bottom sheet com rota

Apresente uma página nativa em uma sheet Material, com histórico e Back.

Veja o vídeo e o código →

Android 16

CONTAINER

Menu e Back no Android

O Back fecha o drawer aberto antes de remover uma página.

Veja o vídeo e o código →

Android 16

EXPERIMENTAL

Dados, erro e nova tentativa

Observe o carregamento por entrada sem bloquear a apresentação nativa.

Veja o vídeo e o código →

Navegador

FERRAMENTA

Visualizador de diagnósticos

Investigue pilhas, guards e divergências em relatórios locais. Dados demonstrativos sintéticos.

Veja o vídeo e o código →

Encontre uma tarefa específica

Veja tarefas comuns para autenticação, edições não salvas, abas independentes, deep links e restauração de estado. O catálogo por funcionalidade mantém os vídeos e trechos copiáveis existentes, incluindo gravações anteriores identificadas por versão.

Para editar no navegador e executar no aparelho, use o playground no StackBlitz. Veja a base suportada do pacote e dos runtimes em compatibilidade.