Saltar al contenido

Hero de perfil de portafolio

Perfil · Código fuente Pro

El perfil como cabecera de página en lugar de una tarjeta dentro de una lista. Seis décimas partes del ancho contienen un pequeño kicker de rol en mayúsculas, el nombre al mayor tamaño que permite el layout, una frase de posicionamiento a dos líneas, los botones de contacto y portafolio, una línea divisoria y tres cifras de credibilidad. Las cuatro décimas restantes son un único retrato a sangre completa, con chips de ubicación y disponibilidad flotando sobre su esquina inferior. Por debajo del breakpoint grande, las dos mitades se apilan y el retrato mantiene una altura mínima para no quedar reducido a una franja.

Abrir vista previa en directoObtener Neobrutalism Pro
Perfil
Neobrutalist portfolio profile hero for React and Tailwind CSS: an uppercase creative director kicker above a huge two-line name, a short bio, a yellow Let us work together button with an arrow and an outlined View portfolio button, a rule, and projects, years and retention figures, beside a full-height portrait of a woman with long wavy hair carrying Warsaw and remote-first chips.
Hero de perfil de portafolio
  • 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
Vista previaGratisAbrelo a pantalla completa y cambia el punto de corte o tema.CódigoProUn archivo TSX autónomo. Cópialo, es tuyo.InstalaciónProUn solo comando de la CLI de shadcn — o la indicación de agente para Claude Code, Cursor o cualquier cliente MCP.

Construido con

Más iconos lucide-react y Tailwind CSS — ninguna otra dependencia en tiempo de ejecución.

Más diseños de Perfil (8)

Ver todo

https://neobrutalism.com/es/blocks/profile/portfolio-profile-hero

Adorado por devs, diseñadores
y creadores

  • Me topé con tu kit de UI y me lo llevé enseguida. Me impresionó ver que es nuevo, se mantiene activo y mejora sin parar. ¡Gran trabajo! 🤘

    Ziv Reich, Desarrollador de software

  • Solo quería decir que hiciste un gran trabajo con neobrutalism.com. Me encanta de verdad. Soy un desastre con el diseño, así que esto me vino de maravilla. Lo usé en mi web personal.

    Paul Bratslavsky, Creador de Coding With Paul

  • Por fin rehíce mi web personal con Neobrutalism.com — biblioteca divertida y muy fácil de empezar.

    Cameron Blackwood, Creador de contenido

  • Neobrutalism.com es una de mis bibliotecas de componentes UI retro favoritas — componentes que de verdad se pueden shippear.

    Zhengyang Hou, Indie hacker

  • una de mis bibliotecas de ui favoritas para la web. gran trabajo — espero que llegue muy lejos.

    Taseen Tanvir, Fundador y diseñador

  • Acabo de probar Neobrutalism.com Pro — un kit de UI que no se parece a todo lo demás. Los bloques neobrutalistas 🔥 hicieron más rápido prototipar diseños raros y divertidos.

    Nitesh Padghan, Redactor fantasma

  • Un diseño de landing page precioso, con un equilibrio y un flujo perfectos. La paleta de color junto con las animaciones crea una experiencia de usuario excepcional.

    Alan Obeng-Peprah, Senior Designer @ NativeXAI

  • Estoy muy impresionado con el diseño que entregaron. El producto final coincidió exactamente con lo que había imaginado.

    Desmond, Cofundador @ VectorlabsVentures

  • Como dueño de agencia, solía pasar semanas perfeccionando layouts de landing para clientes. Con Neobrutalism.com, meto una plantilla, ajusto el copy y ya estoy listo para publicar.

    Duke Opoku Amankwah, Fundador @ Midas

  • Las plantillas no solo son visualmente impactantes: también están increíblemente bien estructuradas. Nos ahorraron semanas de desarrollo.

    Abiola Braimah, Desarrollador @ Studio IX

  • Calidad sobresaliente y atención al detalle. El diseño responsive funciona a la perfección en todos los dispositivos.

    Acromond X., Cofundador @ VectorlabsVentures

  • Integrar estas plantillas en nuestro flujo ha reducido mucho nuestro ciclo de desarrollo. Excelente trabajo.

    Raquib S., Desarrollador backend

  • Estas plantillas se han convertido en nuestro recurso de referencia. El código es limpio, está bien documentado y es fácil de personalizar.

    Hallic M., Desarrollador @ AtlasLabs

  • Las plantillas de Neobrutalism.com logran el equilibrio perfecto entre estética y funcionalidad. Un verdadero cambio de juego para nuestros proyectos.

    Ibrahim S., Frontend Lead @ ScaleUp

  • Soporte excepcional y plantillas de calidad premium. El ROI de estas plantillas es fenomenal.

    Kevin K., CEO @ WebCraft

  • Las plantillas de Neobrutalism.com han transformado por completo cómo abordamos los proyectos de clientes. La calidad del código es excepcional y los diseños son de primer nivel.

    Danny G., Fundador de DevStack

  • He usado muchas bibliotecas de plantillas, pero Neobrutalism.com destaca por su atención a la optimización del rendimiento y a una arquitectura de código limpia.

    Ian D., CTO en Wavelength

  • Las animaciones y microinteracciones de estas plantillas son absolutamente impresionantes. La mejor inversión para nuestro equipo de diseño.

    Ben S., Lead Designer en PixelPerfect

  • Como fundador no técnico, las plantillas de Neobrutalism.com nos ayudaron a lanzar el MVP en tiempo récord sin renunciar a la calidad del diseño. Nuestros inversores se quedaron impactados.

    Matthew I., Fundador de startup

  • Aprecio lo modulares y bien documentados que son estos componentes. Hemos podido combinar piezas de distintas plantillas sin fricción.

    Garrett P., Frontend Lead en TechFusion

  • El ROI de las plantillas de Neobrutalism.com es increíble. Hemos reducido drásticamente el tiempo de desarrollo y entregamos sitios de más calidad a nuestros clientes.

    Xavier C., Dueño de agencia

Preguntas
frecuentes

Cómo se construye el bloque Hero de perfil de portafolio, qué puedes cambiar y cuándo usarlo en lugar de los otros diseños aquí.

¿Tienes problemas para acceder? Envíanos un correo[email protected]
Get Pro — Save 33%--:--:--