Newly added to my #WebComponents collection: <link-peek>!
Turn any regular anchor link into a rich preview (also known as an ‘unfurled’ link). Can be used with any JSON API and allows for custom templating.
Prefect for creating more visual interest on links without filling the page with additional HTML noise:
✍🏻 https://darn.es/link-peek-web-component/
📦 https://www.npmjs.com/package/@daviddarnes/link-peek
Dave 🧱 /
npub14m…rytfr
2024-04-15 13:36:02
Author Public Key
npub14mqyknc299ctkaz9crzujjkynerjryxhyxcy4n0hqslnt4qa2nlserytfrPublished at
2024-04-15 13:36:02Event JSON
{
"id": "91d5ef016f49aa8261fdf75b42262fae21a4e08c651ce332813ee2e87fb30c0d",
"pubkey": "aec04b4f0a2970bb7445c0c5c94ac49e472190d721b04acdf7043f35d41d54ff",
"created_at": 1713188162,
"kind": 1,
"tags": [
[
"t",
"webcomponents"
],
[
"proxy",
"https://mastodon.design/users/DavidDarnes/statuses/112275499391879699",
"activitypub"
]
],
"content": "Newly added to my #WebComponents collection: \u003clink-peek\u003e!\n\nTurn any regular anchor link into a rich preview (also known as an ‘unfurled’ link). Can be used with any JSON API and allows for custom templating.\n\nPrefect for creating more visual interest on links without filling the page with additional HTML noise:\n\n✍🏻 https://darn.es/link-peek-web-component/\n📦 https://www.npmjs.com/package/@daviddarnes/link-peek",
"sig": "ce955e9c0f9d9e7239a26b62f1a1d8757f43ed1bd6dcdc3f1c01ce75368a3f485fb04eafa8949ceffbfe596ff2bc2dce695b15039c2026b8059529668b032317"
}