%% generate tags start %% #software-engineering #software-engineering/css %% generate tags end %% #software-engineering/css/tailwind %% run start ```ts const {LinkPreview} = customJS return LinkPreview.getLinkPreviewFromUrl("https://tailwindcss.com/") ``` %% <div class="nifty-link-card-container"> <a class="nifty-link-card" href="https://tailwindcss.com/" target="_blank"> <div class="nifty-link-card-text"> <div class="nifty-link-card-title line-clamp-2">Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.</div> <div class="nifty-link-card-description">Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.</div> <div class="nifty-link-href"> <img class="nifty-link-icon" src="https://tailwindcss.com/favicons/apple-touch-icon.png?v=3"> https://tailwindcss.com/ </div> </div> <div class="nifty-link-image-container"> <div class="nifty-link-image" style="background-image: url('https://tailwindcss.com/_next/static/media/social-card-large.a6e71726.jpg')"> </div> </div> </a> </div> %% run end %% ## What is it? ## Alternative and comparison? 1. [[panda css]]