✨ Flenx 0.2.0 — animações, temas, áudio, Lottie/Rive, SVG e mais

Ver novidades
Flenx

Framework web em Dart

Flutter na web como nunca antes

SSR real, widgets Flutter de verdade e SEO/GEO/AEO automáticos — tudo em Dart, com a DX de um framework moderno.

Começar agora Ver no GitHub 
@FlenxPage('/')
@Ssr
class HomePage extends FlenxWidget {
  // SSR + SEO + sitemap: tudo automático
  Widget build(context) => Hero();
}

Construído sobre

jaspr

Flutter

Dart

shelf

Recursos

Tudo que um site moderno precisa

Pré-configurado e pronto para produção — e 100% personalizável.
⚡

SSR real

HTML renderizado no servidor — performance e SEO de verdade.
🧩

Widgets Flutter

O mesmo código roda no app mobile e na web, como ilhas.
🔍

SEO automático

Meta tags, Open Graph, JSON-LD, sitemap e robots gerados sozinhos.
🤖

Pronto para IA

llms.txt e llms-full.txt + boas práticas de GEO/AEO embutidas.
📝

Blog em markdown

Content collections com categorias e tags, estilo Astro.
🎨

Shell responsivo

Sidebar/drawer e top menu prontos, no app e no site.

Novidades · 0.2.0

Mais poder — e sempre só em Dart

🎬

Animações

Scroll-reveal (fadeIn, slideUp, zoomIn…) em qualquer componente.

🎨

Temas

Defina a cor da marca no FlenxPage e todo o site acompanha.

📻

Áudio & rádio

FlenxAudioPlayer toca faixas ou streams ao vivo, sem libs.

✨

Lottie & Rive

Animações vetoriais via CDN, declaradas em Dart.

🖼️

SVG

FlenxSvg externo ou inline, estilizável por CSS.

🧱

Hero split

Hero em duas colunas; no mobile a imagem vira fundo.

🔔

Banner & alertas

Avisos no topo e caixas de alerta (info/sucesso/erro).

📍

SEO local

LocalBusiness com endereço, telefone e geo no JSON-LD.

✅

Tudo em Dart

Todos os componentes acima funcionam no SSR e como ilhas Flutter — sem escrever HTML ou CSS.

Um código, dois mundos

Do app mobile à web, sem reescrever

Seus widgets Flutter viram ilhas interativas dentro das páginas SSR. A vitrine é indexável; a interação é Flutter de verdade.

Conhecer os exemplos
Mesmo código no app e na web

Como funciona

Do código ao SEO em 3 passos
1

Escreva uma vez

Seus widgets Flutter rodam no app e na web — mesmo código.
2

Anote a rota

Com @FlenxPage/@Ssr o build gera SSR, sitemap, robots e llms.txt.
3

Publique

Conteúdo indexável por Google e por motores de IA, sem esforço.

FAQ

Perguntas frequentes
Preciso saber HTML ou CSS?
Não. Você compõe tudo com componentes Dart (FlenxHero, FlenxCard, FlenxGrid…) e o Flenx gera o HTML/CSS por baixo.
Roda em qualquer hospedagem?
Sim. Gera PHP/MySQL para hospedagem compartilhada (Hostinger, cPanel) ou roda como servidor Dart (Render, Fly.io, Cloud Run, VPS).
Funciona com Flutter?
Sim — widgets Flutter reais entram como ilhas interativas dentro das páginas renderizadas no servidor.
E o SEO?
Meta tags, Open Graph, JSON-LD, sitemap.xml, robots.txt e llms.txt são gerados automaticamente a partir das rotas.

Pronto para subir o patamar da sua web?

Comece com o Flenx hoje — open source e gratuito.

Quero começar

Fale com a gente

Quer usar o Flenx no seu projeto?

Deixe seu contato e receba novidades, exemplos e ajuda para começar. Sem spam.

✅

Setup pronto: SSR + SEO + blog

✅

Suporte da comunidade

✅

Open source, MIT

💬Fale no WhatsApp