MSUI3DAI
Mara Sol
Directora creativa
128 proyectos48k seguidores
HTML + CSSCards
Perfil con órbitas
Una tarjeta de perfil con etiquetas que giran despacio alrededor del avatar, sobre el nombre y un par de cifras.
Ajustes
16px
1x
Código
<article class="uv-corbit"><div class="orbit"><i>MS</i><b>UI</b><b>3D</b><b>AI</b></div><h3>Mara Sol</h3><p>Directora creativa</p><div><span>128 <small>proyectos</small></span><span>48k <small>seguidores</small></span></div><button>Conectar</button></article>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Cards
Dónde usarlo
Una forma simpática de contar a qué se dedica alguien antes de leer nada. Pruébala en la página de ponentes de un congreso, en un marketplace de freelancers o en la sección de equipo de una agencia, con las especialidades de cada persona girando alrededor de su foto. Esta tarjeta de perfil animada incluye cifras y un botón «Conectar».
Usa etiquetas de dos o tres letras o un icono; las palabras largas no caben en las burbujas. En una página con veinte personas tanto giro cansa, así que resérvala para un perfil destacado o una lista corta.