Ravox UIby Ravox Labs
ComponentesDesignsUI
IntroduçãoInstalaçãoTemaBlocosBotãoEtiquetaAvisoAvatarSeparadorEsqueletoGiroAtalhoVazioProgressoGrupo de botõesCampoSeletorOpçõesSegmentadoCaixa de seleçãoInterruptorÁrea de textoDeslizanteCódigo de verificaçãoAlternarAutocompletarCalendárioSeletor de dataDiálogoConfirmaçãoPainel lateralGavetaBalãoDicaCartão flutuanteMenuMenu de contextoNotificaçãoComandoAbasTrilhaPaginaçãoMenu de navegaçãoBarra de menuBarra lateralMolduraNavegadorTerminalCartãoSanfonaRetrátilProporçãoRolagemRedimensionávelCarrosselItem de listaTabelaTabela de dadosGráficoTexto mosaicoFaixa

Começar

IntroduçãoInstalaçãoTemaBlocos

Básicos

BotãoEtiquetaAvisonovoAvatarnovoSeparadornovoEsqueletonovoGironovoAtalhonovoVazionovoProgressonovoGrupo de botõesnovo

Formulário

CamponovoSeletornovoOpçõesnovoSegmentadonovoCaixa de seleçãonovoInterruptornovoÁrea de textonovoDeslizantenovoCódigo de verificaçãonovoAlternarnovoAutocompletarnovoCalendárionovoSeletor de datanovo

Sobreposição

DiálogonovoConfirmaçãonovoPainel lateralnovoGavetanovoBalãonovoDicanovoCartão flutuantenovoMenunovoMenu de contextonovoNotificaçãonovoComandonovo

Navegação

AbasnovoTrilhanovoPaginaçãonovoMenu de navegaçãonovoBarra de menunovoBarra lateralnovo

Superfícies

MolduraNavegadorTerminalCartãonovoSanfonanovoRetrátilnovoProporçãonovoRolagemnovoRedimensionávelnovoCarrosselnovoItem de listanovo

Dados

TabelanovoTabela de dadosnovoGráficonovo

Texto e movimento

Texto mosaicoFaixa

Ravox Kit/Blocos

Blocos

Telas inteiras montadas com os componentes do Kit. Um comando do shadcn traz a página, os componentes que ela usa e o tema. Depois é trocar os textos pelos do seu produto.

  • Entrar

    login-01

    Tela de entrar com e-mail e senha, lembrar o acesso, link de senha esquecida e de cadastro. Ao lado, as novidades do produto.

  • Criar conta

    cadastro-01

    Cadastro em uma tela: dados da pessoa e do negócio, senha com medidor de força e aceite dos termos.

  • Painel

    painel-01

    Painel admin com barra lateral, cabeçalho com busca e período, números do mês, gráfico de receita e tabela de pedidos.

  • Configurações

    configuracoes-01

    Configurações em abas: conta, perfil público e notificações, cada uma com o seu formulário e o botão de salvar.

  • Preços

    precos-01

    Página de planos com alternância mensal/anual, o plano indicado em destaque, comparação completa e perguntas frequentes.

  • Finalizar compra

    checkout-01

    Checkout em uma página: endereço com CEP, forma de envio, pagamento por Pix, cartão ou boleto e o resumo do pedido.

  • Primeiro acesso

    vazio-01

    A primeira vez no app: passos para começar com o progresso marcado e o estado vazio que ensina o que fazer.

  • Equipe

    equipe-01

    Membros do espaço de trabalho: convite por e-mail com cargo, lugares do plano, convites pendentes e menu de ações por pessoa.

Ravox UIby Ravox Labs

Componentes e designs de landing abertos, feitos pela comunidade. Copie, adapte e use em projeto pessoal ou comercial.

Explorar

  • Componentes
  • Designs de landing

Com o Claude Code

  • /escolher-design
  • Tokens, regras e landing pronta em cada design
© 2026 Ravox UI