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.
• Templates — componentes encapsulam sua estrutura HTML interna. Você preenche as partes pelo nome e o componente cuida do HTML gerado.
• Scripts de componente opcionais — cada componente pode ter um .js associado, injetado automaticamente apenas quando o componente é usado.
• 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?

Você escreve arquivos de texto simples com extensão .seed. O Seed lê esses arquivos e gera páginas HTML prontas, sem etapas intermediárias.

Exemplo rápido

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

@section class=max-w-2xl mx-auto px-6 py-16
  @h1 class=text-4xl font-bold mb-4
    Bem-vindo ao Seed
  @p class=text-lg text-gray-600 mb-8
    Crie páginas lindas com uma sintaxe simples.
  @button variant=primary
    Começar agora
```

Isso gera HTML estático puro, sem você ter escrito uma linha de código 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

Feito com ❤️ e Seed