Case studies, telas e motion dos projetos que eu lancei. Quando uma animação é função pura do tempo, ela roda ao vivo aqui com as curvas do próprio app, na taxa de atualização máxima da sua tela: portadas do SwiftUI e conferidas contra ele, ou, num app web, os mesmos tempos de CSS e springs do Motion que ele usa. Quando depende das views do app, é uma gravação do próprio app.
Segure Shift para câmera lenta
Splitty
Despesas compartilhadas, divididas e acertadas. Um app em SwiftUI e sua landing page.
Moeda acertadaAo vivoTodo mundo quite: as duas metades da marca voltam a ser uma moeda só.Valor digitadoAo vivoCada dígito é uma view própria, então só o que mudou se move.SplashAo vivoContinua de onde a launch screen parou: uma moeda, cortada e separada na marca.LoaderAo vivoA marca como estado de carregamento: as metades se encontram e se separam de novo.GráficosAo vivoPeríodos, visões e categorias: o donut desliza entre eles e cada número rola até o valor novo.
Listas
Checklists compartilhados em tempo real, abertos por um link secreto, sem precisar de conta. Um PWA em Next.js sobre uma API em Rust.
Marcar como feitoAo vivoA caixa pulsa e desenha o check, o risco acompanha o texto, e a linha segura o lugar até os dois terminarem antes de descer para baixo dos abertos.Presença ao vivoAo vivoQuem está aqui, quem está digitando e em qual item cada um está, tudo pelo socket da própria lista.Deslizar para apagarAo vivoAntes do limite a linha volta; depois dele, ela sai e se fecha, e Desfazer devolve ela ao lugar.ReordenarAo vivoSegurada pela alça, a linha fica sob o dedo; cada vizinha sai do caminho quando a linha passa do meio dela, e ao soltar ela assenta no lugar.Outra pessoa, ao vivoAo vivoA Ana leva um item para o topo, depois desliza outro para apagar e desfaz. Os arrastos ficam no celular dela; o Gabriel vê a cor dela na linha que ela toca, e cada mudança chegando para ele.