Perfilbloques
Pantallas de perfil y ajustes de la cuenta. Bloques UI de React listos para usar, con estilo neobrutalista: héroes, precios, autenticación, dashboards y más. Previsualiza cada tamaño de pantalla, copia el código o instálalos con tu agente de IA a través de nuestro servidor MCP. Funcionan con Radix UI, Base UI y React Aria.
- Hero, precios y auth
- Previsualizar cada punto de interrupción
- Copia el código fuente
- MCP listo para instalar
- Radix · Base UI · React Aria
- 158 bloques prefabricados
- Secciones de la página que se envían
- Cuadros de mando y marketing
- Pro desbloquea el código
- Diseños de inserción directa
Explora todas las disposiciones
Perfil
9 bloques — abre cualquier tarjeta para una vista previa a pantalla completa, el código y pasos de instalación.
- 01Pro
Perfil: ajustes de la cuenta
Vista con sesión iniciada de tu perfil: paneles de sobre mí y habilidades, feed de actividad e interruptores. React y Tailwind: conecta los switches.
- 02Pro
Dashboard de perfil de developer
Un año de contribuciones como mapa de calor de 52 semanas, sobre barras de nivel y un feed de actividad. React y Tailwind: usa tus commits.
- 03Pro
Tarjeta con portada diagonal
La imagen de portada se corta en diagonal y un avatar cuadrado emerge por el corte, sobre tres cifras. React y Tailwind: cambia la imagen de portada.
- 04Pro
Tarjeta de ficha de empleado
Encabeza con el puesto, no el nombre; datos de contrato en un panel relleno sobre cuatro tarjetas de métricas. React y Tailwind: crea un directorio.
- 05Pro
Hero de perfil de portafolio
Hero de cabecera con un nombre gigante a dos líneas, botones de contacto y un retrato a toda altura. React y Tailwind: pon tu foto en la columna final.
- 06Pro
Perfil con enlaces sociales
Cuatro enlaces con icono cuadrado, bajo un retrato con anillo del color de marca, en una tarjeta bicolor. React y Tailwind: apúntalos a tus cuentas.
- 07Pro
Cabecera de perfil social
Banner de portada con patrón, avatar circular que sobresale de él, botón Seguir y contador de seguidores. React y Tailwind: úsalo en una ruta de perfil.
- 08Pro
Tarjeta de perfil con estrellas
Cuatro de cinco estrellas desde un número, en una tarjeta con color de marca, bio y tres cifras. React y Tailwind: edita la constante de valoración.
- 09Pro
Tarjeta de perfil apaisada
Tarjeta apaisada cuyo retrato alto crece junto al texto: rol, tres métricas y los botones Seguir y Conectar. React y Tailwind: úsala en una grid de equipo.