Repolode
Enviar
knadh

knadh/oat

Biblioteca de UI sem dependências, com HTML semântico, CSS e JS em cerca de 10 KB, que estiliza elementos nativos sem classes.

Ver no GitHubSite
Estrelas
5,535
Forks
259
Issues abertas
3
Último commit
ontem

O que é?

Oat é uma biblioteca leve de componentes de UI baseada em HTML semântico e CSS. Basta incluir um pequeno arquivo CSS e um pequeno arquivo JS; elementos comuns, como formulários, botões, tabelas e diálogos, são estilizados conforme suas tags e atributos, então a maioria das marcações dispensa classes.

Não é preciso usar um framework, executar uma etapa de build nem instalar pacotes pelo npm. Alguns componentes dinâmicos são implementados como WebComponents e usam o mínimo de JavaScript. O projeto é voltado a desenvolvedores que querem criar aplicações web e dashboards com boa aparência sem adicionar uma grande árvore de dependências de UI em JavaScript.

O autor criou o projeto para evitar o excesso de código e a instabilidade de dependências comuns em bibliotecas de componentes JavaScript. Há uma demonstração ao vivo e documentação disponíveis em oat.ink.

Recursos principais

  • 01Estiliza tags e atributos de HTML semântico sem exigir nomes de classes.
  • 02É distribuída em um pequeno arquivo CSS e um arquivo JS, sem dependências.
  • 03Não exige framework, ferramenta de build nem instalação de pacotes.
  • 04Oferece componentes e elementos comuns para criar aplicações web.
  • 05Usa WebComponents com o mínimo de JavaScript para widgets dinâmicos.

Casos de uso

  • Criar rapidamente uma ferramenta administrativa interna ou um dashboard sem pipeline de build para frontend.
  • Estilizar um site estático ou páginas renderizadas no servidor com marcação semântica e limpa.
  • Prototipar uma UI web quando um framework de componentes robusto seria exagero.

Início rápido

  1. 1

    Inclua os pequenos arquivos CSS e JS do Oat na sua página HTML

Tópicos

#css-framework#ui-components#semantic-html#web-components#frontend#no-build#lightweight#component-library#css#dashboard-design

Perguntas frequentes

O que é oat?
Biblioteca de UI sem dependências, com HTML semântico, CSS e JS em cerca de 10 KB, que estiliza elementos nativos sem classes. Oat é uma biblioteca leve de componentes de UI baseada em HTML semântico e CSS. Basta incluir um pequeno arquivo CSS e um pequeno arquivo JS; elementos comuns, como formulários, botões, tabelas e diálogos, são estilizados conforme suas tags e atributos, então a maioria das marcações dispensa classes.
oat é gratuito? Qual é a licença?
oat é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
oat ainda é mantido?
Manutenção ativa. O último commit de oat foi em 19 de out. de 2026.
Para que posso usar oat?
Criar rapidamente uma ferramenta administrativa interna ou um dashboard sem pipeline de build para frontend. Estilizar um site estático ou páginas renderizadas no servidor com marcação semântica e limpa. Prototipar uma UI web quando um framework de componentes robusto seria exagero.
Como instalar oat?
Inclua os pequenos arquivos CSS e JS do Oat na sua página HTML
Onde consigo oat?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/knadh/oat

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados