#diagram ## What is It? %% run start ```ts const {LinkPreview} = customJS return LinkPreview.getLinkPreviewFromUrl("https://www.tldraw.com/") ``` %% <div class="nifty-link-card-container"> <a class="nifty-link-card" href="https://www.tldraw.com/" target="_blank"> <div class="nifty-link-card-text"> <div class="nifty-link-card-title line-clamp-2">tldraw</div> <div class="nifty-link-card-description">A free and instant collaborative diagramming tool.</div> <div class="nifty-link-href"> <img class="nifty-link-icon" src="https://www.tldraw.com/apple-touch-icon-180x180.png"> https://www.tldraw.com/ </div> </div> <div class="nifty-link-image-container"> <div class="nifty-link-image" style="background-image: url('https://www.tldraw.com/social-twitter.png')"> </div> </div> </a> </div> %% run end %% ![tldraw on X: "we got it https://t.co/oMO02cXe3S" / X (twitter.com)](https://twitter.com/tldraw/status/1730200889217126438?s=12&t=kROUvkdQzEN7P95Tlcus6A) ## How to Use It? ## Alternatives and Comparison see [[Diagram tools]]