%% generate tags start %%
#software-engineering #software-engineering/css
%% generate tags end %%
#software-engineering/css/tailwind
## What is It?
%% run start
```ts
const {LinkPreview} = customJS
return LinkPreview.getLinkPreviewFromUrl("https://catalyst.tailwindui.com/")
```
%%
<div class="nifty-link-card-container">
<a class="nifty-link-card" href="https://catalyst.tailwindui.com/" target="_blank">
<div class="nifty-link-card-text">
<div class="nifty-link-card-title line-clamp-2">Catalyst UI Kit</div>
<div class="nifty-link-card-description">
Modern application UI components to kickstart your design system.
</div>
<div class="nifty-link-href">
<img class="nifty-link-icon" src="https://catalyst.tailwindui.com/favicon.ico">
https://catalyst.tailwindui.com/
</div>
</div>
<div class="nifty-link-image-container">
<div class="nifty-link-image" style="background-image: url('https://tailwindui-template-catalyst-b2x3x1lxc-tailwindlabs.vercel.app/twitter-image.png?287c4457e3ccfb5b')">
</div>
</div>
</a>
</div>
%% run end %%
## How to Use It?
## Alternatives and Comparisons