Perfilblocos
Telas de perfil e configurações da conta. Blocos de UI React prontos para usar, com visual neobrutalista — heroes, preços, autenticação, dashboards e mais. Veja em qualquer tamanho de tela, copie o código ou instale pelo seu agente de IA com o nosso servidor MCP. Funciona com Radix UI, Base UI e React Aria.
- Hero, preços e auth
- Visualizar todos os pontos de interrupção
- Copie o código-fonte
- MCP pronto para instalação
- Radix · Base UI · React Aria
- 158 blocos pré-fabricados
- Seções da página que são enviadas
- Painéis e marketing
- Pro desbloqueia o código
- Layouts de encaixe
Explore todos os layouts
Perfil
9 blocos — abra qualquer card para visualização em tela cheia, o código e etapas de instalação.
- 01Pro
Página de configurações da conta
A visão logada do seu perfil: painéis de sobre e habilidades, feed de atividade e switches de configuração rotulados. React e Tailwind: conecte os toggles.
- 02Pro
Dashboard de perfil de dev
Um ano de contribuições num mapa de calor de 52 semanas, com barras de proficiência e feed de atividade. React e Tailwind: use seus commits.
- 03Pro
Card de perfil com capa diagonal
A capa é cortada em ângulo e um avatar quadrado empurra para cima através do corte, acima de três contagens. React e Tailwind: troque a arte de capa.
- 04Pro
Card de ficha funcional
Abre com o cargo em vez do nome, com detalhes de contrato em um painel preenchido acima de quatro blocos de métricas. React e Tailwind: monte um diretório.
- 05Pro
Hero de perfil de portfólio
Hero de topo de página com nome gigante em duas linhas, botões de contratação e retrato em altura total. React e Tailwind: troque a foto pela sua.
- 06Pro
Card de perfil com links sociais
Quatro links com ícones quadrados são o destaque, sob um retrato com anel na cor da marca em card bicolor. React e Tailwind: aponte para suas contas.
- 07Pro
Card de cabeçalho de perfil social
Banner de capa estampado com um avatar circular que se sobrepõe a ele, botão Follow e contagem de seguidores. React e Tailwind: use em uma rota de perfil.
- 08Pro
Card de perfil com estrelas
Fileira de quatro de cinco estrelas geradas por um único número, em card na cor da marca com bio e três contagens. React e Tailwind: edite a nota.
- 09Pro
Card de perfil retrato largo
Card paisagem cujo retrato alto cresce para acompanhar o texto ao lado: cargo, três métricas, Follow e Connect. React e Tailwind: use em grade de equipe.