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 🧱 :cursor_pointer: /
npub1w9…pa2ap
2024-04-15 15:36:02
Author Public Key
npub1w9tamta6569jgxclmwgpcy3tpdxkkgcad8nhg998kle4n60e3dzsfpa2apPublished at
2024-04-15 15:36:02Event JSON
{
"id": "6a3ff793a94e88e16a94190f7eb904d58f18e2baec7b07132adb1dbc7584cf46",
"pubkey": "7157ddafbaa68b241b1fdb901c122b0b4d6b231d69e77414a7b7f359e9f98b45",
"created_at": 1713188162,
"kind": 1,
"tags": [
[
"t",
"webcomponents"
],
[
"proxy",
"https://mastodon.design/users/DavidDarnes/statuses/112275499391879699",
"activitypub"
],
[
"L",
"pink.momostr"
],
[
"l",
"pink.momostr.activitypub:https://mastodon.design/users/DavidDarnes/statuses/112275499391879699",
"pink.momostr"
]
],
"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": "cb0e336c4ba35487144694386276a1d8e7cd16fad0c9e659e41e1834bed9155e7de4978a4831bb3010744a7d664aa3b478dd8c31e645e74821da613b9ee9e71c"
}