Biblioteca headless de tabelas em TypeScript/JavaScript para criar grades de dados com controle total sobre a marcação e os estilos, compatível com React, Vue, Solid, Svelte e outros.
1771-Technologies/lytenyte
Um data grid para React sem dependências, com modos headless e pré-estilizado, compatível com ordenação, filtragem, agrupamento, pivotamento e virtualização.
Alternativa open source a:AG Grid
Handsontable
- Estrelas
- 1,030
- Forks
- 54
- Issues abertas
- 3
- Último commit
- há 2 meses
O que é?
O LyteNyte Grid é uma biblioteca de data grid para React distribuída em dois pacotes npm: a edição Core gratuita, licenciada sob Apache 2.0, e a edição comercial PRO, que amplia seus recursos. O projeto é um monorepo em TypeScript e usa uma API declarativa baseada em props, permitindo controlar o estado do grid por parâmetros da URL, estado do servidor ou outras fontes externas.
O grid oferece virtualização de linhas e colunas, redimensionamento, fixação e reordenação de colunas, agrupamento de linhas com agregações, visualizações master-detail e edição de células com validação. A edição Core inclui ordenação, filtragem, edição, seleção e agregação; a PRO adiciona carregamento de dados no servidor, pivotamento, dados em árvore, expressões e componentes prontos, como um gerenciador de colunas e uma visualização em árvore.
É possível deixar a tabela sem estilos para ter uma experiência totalmente headless ou usar temas prontos com Tailwind, CSS Modules ou CSS-in-JS. Também inclui exportação para Excel, CSV, Parquet e Arrow, além de navegação por teclado, suporte a acessibilidade e layouts RTL.
Recursos principais
- 01Renderização headless ou pré-estilizada, com opções de temas usando Tailwind, CSS Modules e CSS-in-JS
- 02Virtualização de linhas e colunas para grandes conjuntos de dados
- 03Ordenação, filtragem, agrupamento de linhas e agregações na edição Core
- 04Carregamento de dados no servidor, pivotamento e dados em árvore na edição PRO
- 05Edição de células com validação e edição em massa
- 06Exportação para Excel, CSV, Parquet e Arrow
- 07Suporte a teclado, acessibilidade e RTL
Casos de uso
- Criar dashboards administrativos ou ferramentas internas que exibem tabelas grandes com filtragem e ordenação
- Adicionar visualizações editáveis, semelhantes a planilhas, a uma aplicação React
- Criar uma tabela com estilo totalmente personalizado, mantendo a lógica e o comportamento do grid
- Exibir dados paginados pelo servidor ou com rolagem infinita em implantações da edição PRO
Início rápido
- 1
Instale o pacote Core via npm
npm install --save @1771technologies/lytenyte-core - 2
Instale o pacote PRO via npm (opcional; funciona com uma marca-d'água se você não tiver uma licença)
npm install --save @1771technologies/lytenyte-pro - 3
Siga o guia oficial de introdução para integrar a grade ao seu app
Antes de usar
- A versão PRO exibe uma marca-d'água se você não tiver uma licença.
- A licença está listada como NOASSERTION; por isso, confira os termos da licença antes de usar.
- Muitos recursos avançados, como tabelas dinâmicas e carregamento no lado do servidor, estão disponíveis apenas na edição PRO.
Tópicos
Perguntas frequentes
- O que é lytenyte?
- Um data grid para React sem dependências, com modos headless e pré-estilizado, compatível com ordenação, filtragem, agrupamento, pivotamento e virtualização. O LyteNyte Grid é uma biblioteca de data grid para React distribuída em dois pacotes npm: a edição Core gratuita, licenciada sob Apache 2.0, e a edição comercial PRO, que amplia seus recursos. O projeto é um monorepo em TypeScript e usa uma API declarativa baseada em props, permitindo controlar o estado do grid por parâmetros da URL, estado do servidor ou outras fontes externas.
- lytenyte é gratuito? Qual é a licença?
- lytenyte é open source sob a licença Other. Confira os termos da licença antes de usá-lo em produtos comerciais.
- lytenyte ainda é mantido?
- Atualizado nos últimos 6 meses. O último commit de lytenyte foi em 15 de ago. de 2026.
- Para que posso usar lytenyte?
- Criar dashboards administrativos ou ferramentas internas que exibem tabelas grandes com filtragem e ordenação Adicionar visualizações editáveis, semelhantes a planilhas, a uma aplicação React Criar uma tabela com estilo totalmente personalizado, mantendo a lógica e o comportamento do grid Exibir dados paginados pelo servidor ou com rolagem infinita em implantações da edição PRO
- Como instalar lytenyte?
- Instale o pacote Core via npm: npm install --save @1771technologies/lytenyte-core Instale o pacote PRO via npm (opcional; funciona com uma marca-d'água se você não tiver uma licença): npm install --save @1771technologies/lytenyte-pro Siga o guia oficial de introdução para integrar a grade ao seu app
- Onde consigo lytenyte?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/1771-Technologies/lytenyte
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Componente de grade de dados em JavaScript/TypeScript com aparência de planilha, edição e fórmulas, compatível com React, Angular e Vue.
Conjunto open source de primitives de UI para React, sem estilos e acessíveis, para criar design systems e aplicações web.
Biblioteca de componentes React sem estilos, com primitivas de UI acessíveis para criar sistemas de design personalizados.
Componentes React para renderizar listas grandes e dados tabulares com eficiência, exibindo apenas as linhas e células visíveis.
Componentes React para renderizar listas grandes e dados tabulares com eficiência, montando apenas as linhas e células visíveis.