Inspired by the mention of Shiki by @chriscoyier in the Codepen Newsletter, I created a Web Component for quickly and easily using Shiki in any project, no tooling or complex builds required, works with all frameworks!

Docs here: https://github.com/JRJurman/shiki-component

Live Codepen here: https://codepen.io/JRJurman/pen/xxeQQxa

#WebComponents #WebDev

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

link-peek Web Component

The link-peek Web Component allows you to turn a regular anchor link to a rich preview (also known as an 'unfurled' link) to show description, meta image, website name and more using a JSON API.

^darn.es