{{ String(index + 1).padStart(2, '0') }}
{{ component.category }}
01 Vocabulário visual para a web
Como chama
isso?
Você sabe o que quer construir. Nós ajudamos a descobrir o nome — e mostramos como funciona.
/
Tente:
02 Explore a coleção
Componentes web
Encontre pelo nome técnico ou descreva do seu jeito.
?
Nenhum componente encontrado
Tente outro termo, como “tabela”, “aviso” ou “menu”.
03 A base de tudo
Elementos fundamentais
do HTML
Pequenas peças semânticas que estruturam todas as páginas da web.
<{{ element.tag }}>
{{ element.description }}
{{ element.example }} Ver exemplo →04 Estilização mais rápida
CSS e bibliotecas
de componentes
Ferramentas que evitam reconstruir do zero padrões visuais já conhecidos.
Por que usamos essas ferramentas?
CSS puro oferece toda a liberdade necessária, mas criar grids responsivos, botões, formulários, modais e estados acessíveis repetidamente consome tempo. Frameworks CSS e bibliotecas de componentes transformam essas soluções recorrentes em classes, padrões e peças reutilizáveis.
Elas aceleram a primeira entrega e ajudam a manter consistência entre telas. A escolha depende do quanto você quer personalizar: algumas fornecem somente blocos de estilo; outras entregam componentes completos com aparência e comportamento.
Classes utilitáriasPeças pequenas para você montar o próprio visual.
Framework CSSLayout, utilitários e componentes com uma base visual pronta.
Biblioteca de componentesElementos completos, integrados a Angular, Vue ou React.
05 Próximos passos
Ecossistema moderno
Do componente isolado à aplicação completa.
O que são frameworks e bibliotecas?
São ferramentas que oferecem soluções prontas para problemas que aparecem em quase todo projeto: atualizar a interface quando os dados mudam, reutilizar componentes, organizar páginas, validar formulários e conectar diferentes partes da aplicação.
Em vez de reconstruir toda essa base usando apenas JavaScript, a equipe começa com estruturas já testadas e pode concentrar tempo nas regras e necessidades do produto. Isso acelera o desenvolvimento, melhora a organização e facilita a manutenção.
FrameworkFornece uma estrutura mais completa e define boa parte de como a aplicação deve ser organizada.
BibliotecaResolve uma parte específica e oferece mais liberdade para escolher o restante da arquitetura.