Pitch: Uma alternativa ao Ray.so com suporte a tabelas
Sempre gostei do Ray.so para gerar imagens de código, principalmente para documentação e posts. Mas toda vez que precisava mostrar uma tabela (Markdown ou CSV) eu acabava tendo que fazer alguma gambiarra, print de editor, planilha, ajustar CSS, enfim, nunca ficava muito bom.
Inicialmente pensei em fazer um fork do próprio ray.so, mas depois achei melhor criar algo do zero mesmo e o resultado foi o Tabli, um projeto que também nasce open source (Assim como o ray.so) para gerar imagens de:
- código;
- tabelas Markdown;
- tabelas CSV.
A ideia não é substituir o Ray.so (inclusive ele foi uma inspiração bem forte e é bem visível isso), mas sim ser uma alternativa quando você também precisa trabalhar com tabelas e outros conteúdos técnicos.
Algumas coisas que já tem hoje:
- syntax highlighting com Shiki;
- formatação com Prettier (Obviamente somente para as linguagens que o prettier suporta);
- editor de tabelas;
- importação de CSV;
- redimensionamento de colunas;
- Tem alguns vários temas de cores;
- exportação em PNG/JPEG até 6x;
- histórico local;
- interface em português e inglês.
A aplicação roda inteiramente no navegador. Não tem login, upload de arquivos nem processamento em servidor.
A stack é bem simples:
- Next.js
- React
- TypeScript
- Tailwind CSS v4
- Shiki
- Papa Parse
- html2canvas-pro
Ainda tenho algumas ideias para o projeto (inclusive expandir para outros tipos de conteúdo além de código e tabelas), mas achei que já estava em um ponto legal para abrir para a comunidade.
Se alguém quiser testar, sugerir alguma funcionalidade ou contribuir, segue os links:
Demo: https://tabli.com.br
GitHub: https://github.com/sjunqueira/tabli
Feedback é muito bem-vindo. Se tiver alguma funcionalidade que vocês sentem falta em ferramentas desse tipo, manda aí.
E por fim, foi usado IA na construção do produto.