%% generate tags start %%
#software-engineering
%% generate tags end %%
#software-engineering/react
%% run start
```ts
const {LinkPreview} = customJS
return LinkPreview.getLinkPreviewFromUrl("https://magicui.design/")
```
%%
<div class="nifty-link-card-container">
<a class="nifty-link-card" href="https://magicui.design/" target="_blank">
<div class="nifty-link-card-text">
<div class="nifty-link-card-title line-clamp-2">Magic UI</div>
<div class="nifty-link-card-description">Beautiful UI components and templates to make your landing page look stunning.</div>
<div class="nifty-link-href">
<img class="nifty-link-icon" src="https://magicui.design/icon.png?81c2124536360def">
https://magicui.design/
</div>
</div>
<div class="nifty-link-image-container">
<div class="nifty-link-image" style="background-image: url('https://magicui.design/api/og')">
</div>
</div>
</a>
</div>
%% run end %%
## What is it ?
A collection of components that can be used in your own projects.
> [!warning]
> my hot take is that the landing page will eventually be replaced by web builder like [[Framer]]. Since MagicUI only focus on the visual of the landing page. They will eventually be replaced. I don't think it worth the money to buy it.
## How to Use it
Just like [[shadcn]].
## Alternatives and Comparison?