#software-engineering #design
%% run start
```ts
const {LinkPreview} = customJS
return LinkPreview.getLinkPreviewFromUrl("https://monaspace.githubnext.com")
```
%%
<div class="nifty-link-card-container">
<a class="nifty-link-card" href="https://monaspace.githubnext.com" target="_blank">
<div class="nifty-link-card-text">
<div class="nifty-link-card-title line-clamp-2">Monaspace</div>
<div class="nifty-link-card-description">An innovative superfamily of fonts for code</div>
<div class="nifty-link-href">
<img class="nifty-link-icon" src="https://monaspace.githubnext.com/favicon.ico">
https://monaspace.githubnext.com
</div>
</div>
<div class="nifty-link-image-container">
<div class="nifty-link-image" style="background-image: url('https://monaspace.githubnext.com/twitter-image.png?8f0e79eb8fe60cfc')">
</div>
</div>
</a>
</div>
%% run end %%
## What is It?
Very beautiful font!
> [!info]
> you will also want to checkout [[Font]].