Produtos

Aether CSS

Free generators for liquid glass, glassmorphism, neumorphism, styleguides and table CSS. Live preview and one-click code export.

aethercss.lovable.app Desenvolvimento de Software / Utilitários para Desenvolvedores

Benchmark IA
Desktop
Mobile
Visitas por mês
8.8K
Queda26.2%vs. mês anteriorset. de 2026
Receita divulgada
Não divulgado
Ainda sem prova de receita pública
Preço inicial
Grátis
Sem preço de assinatura mensal
Criadores
D. Djekanovic
Sem conta social vinculada
Lançamento
há 14 m
2025-09-29 · Est.

Tráfego

Visitas por mêsDados até set. de 2026
Eventos4 alterações · 1 ação de marketing

Ações de marketing

Lançamentos, busca e conteúdo, referências, promoções
  • Lançado em Product HuntLançamento

    Free Liquid Glass, Glassmorphism & Neumorphism CSS Generator

    20 de jan. · há 10 mPágina de lançamento

  • Lançado em Product HuntLançamento

    Liquid Glass CSS Generator

    29 de set. de 2025 · há 14 mPágina de lançamento

Fontes de tráfego

set. de 2026

Composição de tráfego

Canais

  • Direto41%
  • Busca orgânica33%
  • Referências11%
  • Redes sociais7%
  • Outros9%

Países

  • México45%
  • Estados Unidos15%
  • Índia7%
  • Coreia do Sul5%
  • Camboja5%

Buscar

Autoridade de domínio —Domínio registrado 2023-05-06

Palavra-chaveVolume mensal
liquid glass css2,470
liquid glass css generator420
glassmorphism css generator260
aethercss160
liquid glass effect css code110

Dados de tráfego: Vaneform

Preços

O site não lista preços públicos.

Teste: Nenhum · Observed 2026-11-04 · Página original

Páginas e mudanças

Monitorado desde 2025-09-29

Páginas principais

Capturas semanais

Mudanças

  1. 1 de nov. · há 13 d

    Tecnologia removida: Cloudflare Bot ManagementRecursos

    Cloudflare Bot Management→—

  2. 1 de nov. · há 13 d

    Tecnologia adotada: Ko-fiRecursos

    —→Ko-fi

  3. 1 de nov. · há 13 d

    Tecnologia removida: Product HuntRecursos

    Product Hunt→—

  4. 1 de nov. · há 13 d

    Título inicial alterado para “Aether CSS — Liquid Glass & Glassmorphism Generator”Posicionamento

    Aether CSS - Liquid Glass - Glassmorphism - Neumorphism CSS Generator→Aether CSS — Liquid Glass & Glassmorphism Generator

Design

Análise visual da primeira dobra e CSS :root

Brilho Gradiente (fundo escuro, densidade denso) com layout texto e visual divididos e visuais de captura de ui / componente.

Prévia da tela · clique para ampliar

First-screen pitch & conversion flow

“Aether CSS”

Estrutura hero texto e visual divididos combinada com CTA de entrada direta / teste imediato e vitrine de resultados gerados.

Conversion path: Texto e visual divididos + Captura de UI / Componente → Entrada direta / Teste imediato · Trust bar: Vitrine de resultados gerados

Paleta · clique para copiar

Nota de design 5-D7.7 / 10
Tipografia
7.0
Cor e contraste
8.0
Layout e espaçamento
8.0
Detalhe e acabamento
8.0
Originalidade
7.0

Estrutura

Fontes
Arial
Visual principal
Captura de UI / Componente
Prova social
Vitrine de resultados gerados
Navegação
Barra superior total
Tema e densidade
Escuro · Denso
Cantos e profundidade
Raio grande · Com sombra
Ver brief de design IA completo (inclui variáveis CSS :root e regras)Apenas tokens de estilo; nunca copie marcas, logos, textos ou imagens
# Brief de design: Brilho Gradiente (com Dark Developer)

Brilhos radiais luminosos e painéis de vidro translúcidos, amplamente usados em produtos modernos de IA.

## Tokens de Design

```css
:root {
  --background: #050709;
  --surface: #171819;
  --foreground: #f2f2f4;
  --muted-foreground: #a7a7ac;
  --accent: #6548f5;
  --radius: 16px;
  --font-heading: "Arial", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Arial", ui-sans-serif, system-ui, sans-serif;
}
```

Proporção de área de cor: Fundo #050709 (~64%) · Superfície #171819 (~20%) · Texto #F2F2F4 (~8%) · Texto secundário #A7A7AC (~5%) · Destaque #6548F5 (~3%). O fundo e a superfície dominam a tela; reserve a cor de destaque para botões principais e estados ativos.

## Estrutura de Layout e Conversão

- Layout hero: Texto e visual divididos
- Navegação: Barra superior total
- Tema e densidade: Escuro · Denso
- Raio da borda e elevação: Raio grande; usar sombras de elevação para separar camadas
- Meio visual principal: Captura de UI / Componente
- CTA de conversão: Entrada direta / Teste imediato · A barra de confiança usa Vitrine de resultados gerados
- Gancho do título: Âncora de posicionamento de categoria
- Componentes hero: Imagem grande do produto no hero, Ferramenta interativa no hero, Múltiplos cartões flutuantes
- Notas de layout espacial: Estrutura hero texto e visual divididos combinada com CTA de entrada direta / teste imediato e vitrine de resultados gerados.
- Resumo visual: Brilho Gradiente (fundo escuro, densidade denso) com layout texto e visual divididos e visuais de captura de ui / componente.

## Evitar

- Texto turvo de baixo contraste sobre gradientes
- Uso excessivo de fundos arco-íris em tela cheia
- Tabelas densas e poluídas na seção hero

Implemente a interface seguindo os tokens de design e especificações acima: use apenas estas variáveis de cor e reserve a cor de destaque estritamente para ações principais e estados ativos. Adote apenas este estilo visual — nunca copie nome de marca, logotipo, textos ou imagens de produtos de referência.

Perguntas e dados

Quanto tráfego o site de Aether CSS recebe?
A Vaneform estima 8.8K visitas em 2026-09. Elas podem incluir retornos; clientes pagantes e receita precisam de evidências próprias.Fonte

Produtos da mesma categoria

Desenvolvimento de Software / Utilitários para Desenvolvedores

Esses produtos estão na mesma categoria. Compare as necessidades atendidas, os recursos e os requisitos de implantação antes de considerá-los alternativas.

Ver todos os produtos e referência de preços em “Utilitários para Desenvolvedores” →