ISby Informeek Studio·Made with Claude·11 November 2026
LiveMove the cursor across and between the cards
The prompt
Claude · Claude Opus 5.5
Make three feature cards on a near-black page (#07080d) with a glowing border that follows the cursor. Each card is a 1px gradient frame around a dark inner panel (#0d0f17), 20px radius, with a small icon tile, a title, two lines of grey text and a big gradient number. Cards: Edge functions, "12 ms"; Private by default, "SOC 2"; Live metrics, "99.99%". The border is a radial gradient from aqua (#7cf7e4) to violet (#8b7bff), 260px wide, centred on the pointer position, so the edge nearest the cursor lights up; the inside gets a very faint matching glow. Track the pointer on the whole page and light any card within 120px, so the light moves smoothly between neighbouring cards. On touch screens, which have no cursor, slowly sweep the light around each card instead. Three columns on desktop, one column on tablets and phones.
Written by Informeek Studio to recreate this design. Prompts are not deterministic: running it again gives a similar result, not an identical one.
Use it in three steps
Copy the prompt with the button above.
Paste it into your tool, such as v0, Lovable, Bolt or Claude.
Make it yours by replacing the three features and their numbers with your own.
About these glowing border CSS cards
Glowing border CSS is everywhere on developer tool sites, and this version shows why. Each card has a hairline frame that lights up in aqua and violet exactly where the cursor is, so moving across the grid feels like passing a torch over the cards. The glow reaches cards within 120 pixels, which means the light flows from one card to the next instead of switching off between them.
The trick is a gradient frame one pixel thick, with the gradient centred on the pointer position through two CSS variables. A faint matching glow inside each card makes the light feel like it spills in.
Why the prompt works
It describes the construction, a 1px gradient frame around a dark panel, rather than just “glowing”.
It gives the glow size and reach, 260 pixels wide and 120 pixels beyond each card.
It plans for touch screens, where a slow sweep replaces the cursor.
It sets the layout per screen size.
Where to use it
Feature grids, pricing plans and integration lists on dark sites. Keep the copy short so the light, not the text, is what people notice.
The prompt is shared under CC BY 4.0. Reuse it freely, including commercially, with a credit linking back to this page.
We use cookies to measure how the site is used and, if you allow it, to show advertising. Prompts you copy and previews you try are never collected. See our privacy policy.