GreatUtils - Efeitos e elementos prontos para o GreatPages

Card Hover Effect

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Card 3D Tilt

Card com transformação 3D no hover, rotaciona revelando profundidade.

☀ Ensolarado

36°

42°/28°

23:56

SEG 08-23

São Paulo

TER ☀

QUA ⛅

QUI ⛅

SEX ☀

Widget de Clima

Widget estilizado com temperatura, condição, horário e previsão semanal.

NEW

Premium Design

Hover to reveal stunning effects

Card Produto Premium

Card de produto com efeito shine animado e badge destacado.

Ícones Sociais

Botões de redes sociais com tooltip e cores da marca no hover.

9:41 ●●●

Seu app aqui

Mockup de Celular

Frame realista de celular em CSS puro com notch, botões laterais e tela.

✦

Glass UI

Efeito de vidro com backdrop blur e blobs animados.

Card Glassmorphism

Card com efeito de vidro sobre fundo animado com blobs coloridos.

Pasta

Spaghetti Bolognese

■

30 Mins | 1 Serving

Card Receita

Card estilo food delivery com overlay gradient e detalhes.

Maria Silva

UI/UX Designer

in tw ig

Card de Perfil

Card de perfil com efeito hover que revela redes sociais deslizando.

🍕

Hover Me

Card com Glow

Card dark com borda que brilha e pulsa no hover.

Pro

R$ 97 /mes

✓ Acesso ilimitado
✓ Suporte prioritario
✓ Atualizacoes grátis
✓ Sem anuncios

Card de Preço

Card de plano premium com shine animado e visual impactante.

Pronto para começar?

Junte-se a milhares de usuários satisfeitos.

Banner CTA

Banner com esferas flutuantes animadas e botão de ação.

Maria S. acabou de comprar Plano Pro

2 min atras

✓

Social Proof Popup

Notificação 'alguem comprou agora' com animação de entrada.

Sucesso!

Sua ação foi concluída com sucesso.

Notificação Toast

Notificação com ícone, barra de progresso e animação de entrada.

"

Produto incrível! Mudou completamente minha forma de trabalhar. Recomendo a todos.

Carlos Oliveira

CEO, StartupX

Depoimento

Card de depoimento com aspas grandes, estrelas e visual premium.

⚡

Super Rápido

Performance otimizada para carregar em milissegundos.

Card de Feature

Card com ícone elevado, título e descrição para landing pages.

10K+ Usuários

98% Satisfação

24/7 Suporte

Contador de Stats

Números de impacto com gradiente, ideal para seções de resultados.

+20

Grupo de Avatares

Avatares sobrepostos com contador e hover individual.

Carregando...

Loader Animado

Spinner com gradiente rotativo e pulso, ideal para loading states.

✦ Passe o mouse

Descubra mais

Conteúdo revelado com efeito 3D no hover.

Flip Card 3D

Card que vira no hover revelando conteúdo no verso.

Skeleton Loader

Placeholder shimmer para loading de conteúdo.

Dots Bounce

Três pontos saltando com efeito elástico.

Wave Bars

Barras verticais animadas como ondas sonoras.

Orbit Loader

Esferas orbitando em torno de um centro com rastro.

Promocao especial Frete grátis Até 50% OFF Tempo limitado Promocao especial Frete grátis Até 50% OFF Tempo limitado

Marquee Banner

Texto deslizando continuamente como letreiro.

0Clientes

0Satisfação

0Projetos

Contador Animado

Números que contam de 0 até o valor final com animação.

🔮

Efeito Spotlight

Mova o mouse sobre o card para ver o efeito de luz.

Spotlight Card

Card com efeito de luz que segue o cursor do mouse.

Botão Voltar ao Topo

Botão flutuante que faz scroll suave até o topo da página.

✓

Cadastro

2

Pagamento

3

Confirmação

Step Progress

Indicador de progresso em etapas com estado ativo.

Blob Animado

Forma orgânica com gradiente que se deforma continuamente.

Pulse Ring

Anéis concêntricos pulsando em sequência.

Sua avaliação

Obrigado pela avaliação!

Rating Estrelas

Avaliação interativa com estrelas clicaveis.

Tabs de Navegação

Abas estilizadas com indicador animado.

3

Badge Notificação

Sino de notificação com badge contador animado.

Jan 2025 Projeto iniciado

Mar 2025 Primeira versão

Jun 2025 Lançamento oficial

Timeline Vertical

Linha do tempo vertical com itens estilizados e gradiente.

⚡

Premium

Borda com gradiente animado.

Card Borda Gradiente

Card com borda gradiente animada girando ao redor.

Mensal Anual

Toggle Switch

Switch estilizado com animação suave de estado.

ANTES

DEPOIS

⟨ ⟩

Antes e Depois

Slider de comparação com arrastar para revelar.

O GreatPages permite criar páginas profissionais em minutos, sem código.

Sim! Conecte qualquer dominio personalizado com poucos cliques.

Atendimento humano disponível por chat e e-mail em horário comercial.

FAQ Accordion

Seção de perguntas frequentes com expansão animada ao clicar.

Oferta expira em

00Dias

:

00Horas

:

00Min

:

00Seg

Countdown Timer

Timer regressivo animado com dias, horas, minutos e segundos.

Cookie Banner

Banner de consentimento de cookies moderno e discreto.

✉

Receba novidades

Conteúdo exclusivo direto no seu e-mail, sem spam.

✓ Inscrito com sucesso!

Newsletter Subscribe

Formulário de inscrição para newsletter com visual premium.

|

Efeito Typewriter

Texto que se digita sozinho com cursor piscante.

Role para baixo

Scroll Indicator

Indicador animado de 'role para baixo' com mouse estilizado.

"

A simplicidade e a sofisticação definitiva.

— Leonardo da Vinci

Bloco de Citação

Blockquote estilizado com barra lateral gradiente e aspas decorativas.

R$ 42.580

KPI Dashboard

Card de metrica com valor, variação percentual e mini barra de progresso.

Design Marketing SEO React Next.js UI/UX Branding Analytics Growth