10 projetos open source do GitHub para diagramas e animações técnicas | Vol. 9
10 projetos open source do GitHub para desenhar diagramas e criar animações técnicas, em contagem regressiva e com 10 segundos para cada um. Metade é de diagramas (do texto direto para Excalidraw, Mermaid, SVG e diagramas animados) e metade é de animação e vídeo feitos com agentes de código.
📺 Nono volume da série Open source do GitHub, o primeiro temático. Último commit conferido em 15/10/2026. Segue o canal e ativa as notificações para não perder a próxima.
Qual desses você vai usar no seu próximo diagrama? Conta nos comentários!
⏱️ CAPÍTULOS E LINKS
0:00 Abertura
0:10 #10 Obsidian Visual Skills: o Claude Code desenha Canvas, Excalidraw e Mermaid no seu Obsidian
axtonliu/axton-obsidian-visual-skills
0:20 #9 motionmaxxing: skill que deixa vídeos de IA com cara de motion designer
Tejashmakwana/motionmaxxing
0:30 #8 reladraw: linguagem de texto para diagramas em que você diz onde cada item fica
reladraw/reladraw
0:40 #7 SeeCode: diagramas animados e clicáveis, exportados em SVG, PNG, GIF ou MP4
Aryanutkarsh/SeeCode
0:50 #6 Text to Lottie: animações Lottie a partir de texto (5,5 mil estrelas)
diffusionstudio/lottie
1:00 #5 Remocn Studio: o seu agente de código faz o vídeo como um projeto Remotion seu
Remocn/remocn-studio
1:10 #4 Mortiflix: estúdio de motion design local; o Claude faz o vídeo por etapas e você aprova (usa o seu login do Claude Code ou uma chave paga da Anthropic)
GTKottman/mortiflix-oss
1:20 #3 AutoFigure-Edit: o método de um artigo vira figura em SVG editável (4,3 mil estrelas)
ResearAI/AutoFigure-Edit
1:30 #2 anidoodle: arte desenhada à mão, escrita como código, em 32 estilos
alexgreensh/anidoodle
1:40 Oferecimento Hallen Tech
1:54 #1 Whiteboard: canvas em que você e o seu agente desenham a arquitetura do software (3,2 mil estrelas)
devdotfast/whiteboard
2:04 Encerramento
🧡 Oferecimento: Hallen Tech, liderança de tecnologia sob demanda, software, cloud e segurança para a sua empresa.
Site: hallentech.com
E-mail: contato@hallentech.com
Instagram: instagram.com
LinkedIn da Hallen Tech: linkedin.com
LinkedIn do Eddwan: linkedin.com
Se curtiu, deixa o like, segue o canal e ativa as notificações para a próxima lista.
#opensource #github #diagramas #animacao
92 likes · 6 comments · 3,350 views
Mentions
Open source para diagramas e animações: #10 a #6 | Vol. 9 #shorts Os projetos #10 a #6 do Top 10 open source do GitHub para diagramas e animações técnicas, Vol. 9, 10 segundos para cada um. #10 Obsidian Visual Skills: axtonliu/axton-obsidian-visual-skills #9 motionmaxxing: Tejashmakwana/motionmaxxing #8 reladraw: reladraw/reladraw #7 SeeCode: Aryanutkarsh/SeeCode #6 Text to Lottie: diffusionstudio/lottie Vídeo completo com os 10 no canal. Oferecimento: Hallen Tech, hallentech.com #shorts #opensource #github
10 projetos open source do GitHub para diagramas e animações técnicas | Vol. 9 10 projetos open source do GitHub para desenhar diagramas e criar animações técnicas, em contagem regressiva e com 10 segundos para cada um. Metade é de diagramas (do texto direto para Excalidraw, Mermaid, SVG e diagramas animados) e metade é de animação e vídeo feitos com agentes de código. 📺 Nono volume da série Open source do GitHub, o primeiro temático. Último commit conferido em 15/10/2026. Segue o canal e ativa as notificações para não perder a próxima. Qual desses você vai usar no seu próximo diagrama? Conta nos comentários! ⏱️ CAPÍTULOS E LINKS 0:00 Abertura 0:10 #10 Obsidian Visual Skills: o Claude Code desenha Canvas, Excalidraw e Mermaid no seu Obsidian axtonliu/axton-obsidian-visual-skills 0:20 #9 motionmaxxing: skill que deixa vídeos de IA com cara de motion designer Tejashmakwana/motionmaxxing 0:30 #8 reladraw: linguagem de texto para diagramas em que você diz onde cada item fica reladraw/reladraw 0:40 #7 SeeCode: diagramas animados e clicáveis, exportados em SVG, PNG, GIF ou MP4 Aryanutkarsh/SeeCode 0:50 #6 Text to Lottie: animações Lottie a partir de texto (5,5 mil estrelas) diffusionstudio/lottie 1:00 #5 Remocn Studio: o seu agente de código faz o vídeo como um projeto Remotion seu Remocn/remocn-studio 1:10 #4 Mortiflix: estúdio de motion design local; o Claude faz o vídeo por etapas e você aprova (usa o seu login do Claude Code ou uma chave paga da Anthropic) GTKottman/mortiflix-oss 1:20 #3 AutoFigure-Edit: o método de um artigo vira figura em SVG editável (4,3 mil estrelas) ResearAI/AutoFigure-Edit 1:30 #2 anidoodle: arte desenhada à mão, escrita como código, em 32 estilos alexgreensh/anidoodle 1:40 Oferecimento Hallen Tech 1:54 #1 Whiteboard: canvas em que você e o seu agente desenham a arquitetura do software (3,2 mil estrelas) devdotfast/whiteboard 2:04 Encerramento 🧡 Oferecimento: Hallen Tech, liderança de tecnologia sob demanda, software, cloud e segurança para a sua empresa. Site: hallentech.com E-mail: contato@hallentech.com Instagram: instagram.com LinkedIn da Hallen Tech: linkedin.com LinkedIn do Eddwan: linkedin.com Se curtiu, deixa o like, segue o canal e ativa as notificações para a próxima lista. #opensource #github #diagramas #animacao
Dont use lottiefiles.com for animations save some money and use this instead : diffusionstudio/lottie