Arrow Link
A link that points the way: at rest a chevron, on hover the shaft draws itself in and the head moves on, › becomes →. A back variant points the other way. Pure CSS.
View codeThe library
Links
6 link effects in plain HTML, CSS and JS: underlines that draw themselves, highlights, arrows, a preview on hover. Still a real link. Still reachable with Tab.
External Link
A link that leaves the site says so: a line of ink runs under the words to the ↗, which then springs out towards the corner, its shaft stretching after it. Pure CSS.
View code
Link Preview
Point at a link and a card of where it goes unfolds above it. One card per paragraph: it glides from link to link, its picture cross-fading and its words rolling.
View code
Highlight Link
A highlighter stroke that sweeps behind the link text, or a solid block that flips the text to white exactly under its edge.
View code
Scramble Link
Hover a link and its word scrambles, then settles from left to right: symbols that decode, its own letters shuffling, or a split-flap.
View code
Underline Link
An underline that slides in from the left and leaves through the right, or the reverse. Follows the text across lines, like a pen.
View codeNothing here, but hey, clean page.
Try another word, or one of these:
Missing a component? Request it