Free
a month
Month to month
- 3 sites
- 10K renders a month
- 250 MB of storage
Componentes
O que o seu agente pode pôr no seu site
Cada cartão é um componente de verdade, escrito do jeito que um agente escreve com o SDK do Taggor. Abra um para mudar as props, copiar o código para o seu framework ou pedir ao seu agente um componente como ele.
Nenhum componente combina. Tente outra palavra ou escolha Todos.
Formulários
Colete um contato, um agendamento ou uma inscrição, com o consentimento do visitante.
Formulário de contato
Um formulário que guarda cada contato com o consentimento do visitante.
<contact-form>
Escolha de horário
<booking-picker>
Preferências da newsletter
<newsletter-preferences>
Formulário em passos
<form-multistep>
Avaliação por estrelas
<rating-stars>
Busca com sugestões
<search-suggest>
Soltar arquivos com prévia
<file-drop-preview>
FAQ em formato de chat
<chat-faq>
Horário de contato
<contact-hours>
Calculadoras
Deixe o visitante calcular um crédito, um orçamento, um plano ou um retorno.
Simulador de crédito
Uma calculadora com faixa de valor, lista de prazos e dois idiomas.
<finance-simulator>
Calculadora de orçamento
<budget-calculator>
Orçamento em etapas
<quote-wizard>
Configurador de planos
<pricing-configurator>
Calculadora de retorno
<roi-calculator>
Enquetes e quizzes
Faça uma pergunta e guarde as respostas, sem dado pessoal.
Enquete rápida
Uma pergunta, algumas opções e um voto que é contado.
<quick-poll>
Enquete ao vivo
<live-poll>
Quiz
<quiz-result>
Coleta de opinião
<feedback-collector>
Visual
Mostre algo com movimento, comparação ou contagem regressiva.
Perguntas frequentes
Perguntas que abrem e fecham, do jeito acessível.
<faq-accordion>
Antes e depois
<before-after-slider>
Carrossel de cartões
<card-carousel>
Contagem para o lançamento
<launch-countdown>
Dados
Busque, ordene e pagine uma tabela de linhas.
Tabela de dados
Busque, filtre, ordene e pagine linhas.
<data-table>
Navegação
Menus, cabeçalhos e abas que guiam o visitante pelo site.
Mega menu
Um cabeçalho cujas entradas abrem um painel de links com prévia ao vivo.
<nav-mega-menu>
Cabeçalho que encolhe
<nav-shrink-header>
Menu gaveta que se transforma
<nav-drawer-morph>
Trilha de navegação
<breadcrumb-trail>
Abas deslizantes
<tabs-glide>
Heróis e botões
Primeiras impressões grandes e botões que respondem ao ponteiro.
Herói com palavra que gira
Um título cuja palavra-chave troca dentro de uma pílula destacada.
<hero-word-rotator>
Herói com esferas de luz
<hero-orbs>
Herói dividido com formulário
<hero-split-form>
Botão magnético
<button-magnetic>
Botão de segurar para confirmar
<button-hold-confirm>
Chave dia e noite
<toggle-day-night>
Carrosséis e vitrines
Fileiras que deslizam de cartões, citações e marcas.
Carrossel de avaliações
Avaliações com estrelas em cartões que você arrasta com inércia.
<review-carousel>
Faixa de logos
<logo-marquee>
Pilha de cartões para arremessar
<card-stack-swipe>
Fluxo de capas
<coverflow-3d>
Mural de citações
<quote-wall>
Ver todos os componentes de Carrosséis e vitrines, com imagens
Preços e contadores
Planos, economia e números que contam.
Alternador de preços
Planos mensais e anuais com preços que rolam como um odômetro.
<pricing-toggle>
Calculadora de plano
<plan-calculator>
Contador de números
<stat-counter>
Barra de frete grátis
<free-shipping-bar>
Seletor de variações
<variant-picker>
Mini carrinho
<mini-cart>
Ver todos os componentes de Preços e contadores, com imagens
Galerias e mídia
Grades de imagens, lightboxes e camadas desenhadas em código.
Grade com lightbox
Uma grade de imagens que abre uma lightbox com zoom e arraste.
<lightbox-grid>
Masonry com filtros
<masonry-filter>
Imagem com pontos
<hotspot-image>
Mural de polaroids
<polaroid-wall>
Faixa com paralaxe
<parallax-strip>
Mapas e lugares
Mapas e rotas estilizados em SVG, sem tiles.
Localizador de lojas
Um mapa estilizado com filtros, pinos que pulsam e lista sincronizada.
<store-locator>
Seletor de regiões
<region-picker>
Rota que se desenha
<route-draw>
Placa aberto agora
<open-now>
Banners e avisos
Barras de anúncio, avisos rápidos e ofertas.
Barra de anúncio
Uma barra que se recolhe quando a página rola e pode ser fechada.
<announcement-bar>
Contagem de promoção
<promo-countdown>
Pilha de avisos
<toast-stack>
Modal de oferta
<modal-offer>
Avisos em linha
<notice-inline>
Carregamento e feedback
Carregadores, checks e estados que dizem ao visitante o que está acontecendo.
Check de sucesso
Um check que se desenha sozinho, com uma chuva de confete.
<success-check>
Carregador em órbita
<loader-orbit>
Esqueleto com brilho
<skeleton-shimmer>
Estado vazio
<empty-state>
Página não encontrada
<page-404>
Ver todos os componentes de Carregamento e feedback, com imagens
Gráficos e dados
Barras, roscas e quadros em SVG, com uma tabela acessível.
Gráfico de barras ao vivo
Barras que crescem até o lugar e deslizam quando os dados mudam.
<chart-bars-live>
Gráfico de rosca
<chart-donut>
Quadro de indicadores
<kpi-board>
Calendário de calor
<heatmap-calendar>
Medidor de ponteiro
<gauge-meter>
Efeitos de texto
Palavras que se digitam, se embaralham e se destacam sozinhas.
Texto embaralhado
Um título cuja última palavra vira ruído e se resolve, palavra após palavra.
<text-scramble>
Texto de máquina de escrever
<text-typewriter>
Destaque desenhado à mão
<text-highlight-draw>
Texto ao longo de um caminho
<text-path>
Holofote que revela
<spotlight-reveal>
Rastro do cursor
<cursor-trail>
Profundidade e camadas
Cartões, cubos e camadas que inclinam e giram no espaço.
Cartão de produto que vira
Um cartão de produto que vira para as especificações, com variantes de cor.
<card-flip-3d>
Cartão que inclina
<card-tilt>
Cubo giratório
<cube-rotator>
Mockup de dispositivos
<device-mockup>
Camadas em profundidade
<layers-depth>
Ver todos os componentes de Profundidade e camadas, com imagens
Conteúdo e utilidades
Linhas do tempo, perguntas e pequenas ferramentas para a página.
Linha do tempo que se desenha
Uma linha do tempo vertical cuja linha se desenha ao entrar na tela.
<timeline-draw>
Acordeão com busca
<accordion-motion>
História ao rolar
<scroll-story>
Progresso de leitura
<reading-progress>
Conversor de unidades
<unit-converter>
Relógio mundial
<world-clock>
Ver todos os componentes de Conteúdo e utilidades, com imagens
São imagens dos componentes de verdade, desenhadas a partir do código deles. Abra um componente para testá-lo.