O que é o Seed?

Seed é uma linguagem de markup simples e expressiva que compila para HTML. Escreva páginas e componentes com uma sintaxe limpa baseada em indentação — sem HTML verboso, sem configurações complexas.

Por que Seed?

Construir páginas estáticas modernas exige equilibrar muitas ferramentas: templates HTML, classes utilitárias, componentes JS, configuração de build… O Seed simplifica tudo isso em uma única sintaxe coesa.

Vantagens

• Sintaxe limpa — sem tags de abertura/fechamento, sem chaves aninhadas. Indentação define a estrutura.
• Componentes prontos — Hero, Nav, Accordion, Carousel e muito mais, todos configuráveis via props.
• Design templates — componentes encapsulam sua estrutura HTML interna em arquivos .design. O usuário só preenche slots nomeados.
• Zero JavaScript obrigatório — funcionalidades interativas (dropdowns, accordions) funcionam via CSS + JS mínimo incluído.
• Tailwind integrado — classes Tailwind funcionam diretamente via CDN, sem build step.
• Dev server com live reload — edite e veja as mudanças instantaneamente no browser.

Como funciona?

O pipeline do Seed transforma arquivos .seed em HTML puro:

.seed source → Lexer (tokenize) → Parser (AST) → Renderer → HTML

Cada arquivo .seed contém front matter YAML opcional (título, idioma, layout) e uma sequência de componentes aninhados via indentação.

Exemplo rápido

```seed
---
title: Minha Página
---

@hero
  @title
    Bem-vindo ao Seed
  @description
    Crie páginas lindas com uma sintaxe simples.
  @cta
    @button variant=primary
      Começar agora
```

Isso gera um hero responsivo completo, com título, descrição e botão de ação — sem uma linha de HTML.

Para quem é o Seed?

• Desenvolvedores que querem criar landing pages e sites estáticos rapidamente
• Designers que preferem escrever conteúdo sem se preocupar com HTML
• Times que precisam de um sistema de componentes simples e consistente
• Projetos que não precisam de um framework JS completo