Materia
Objetos digitales con tacto, ritmo y una identidad propia.
HTML + CSSCards
Aura card with arrow
A soft glow follows the mouse inside the card, and the arrow on the button nudges forward on hover.
Settings
16px
1x
Code
<article class="uv-ca"><i></i><small>COLECCIÓN 04</small><h3>Matter</h3><p>Digital objects with texture, rhythm, and a character all their own.</p><button>Explore <b>↗</b></button></article>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Cards
Where to use it
It shines on dark, fairly empty layouts where a bit of light draws the eye: a new collection from a ceramics brand, a featured case study in a studio portfolio, the launch of a limited drop. This card with a cursor glow effect uses HTML and CSS, plus a few lines of JavaScript to track the mouse.
One or two of these per page is plenty; a whole grid of glowing cards turns into a light show. Choose a first color that fits your brand, since the glow takes its tint. On touch screens there is no hover, so the glow rests in its corner.