Tidewater · tidewater.app
Tidewater 2.4 — offline sync and a faster command bar (opens in a new tab)
Release notes for the October update.
Components•Link preview card
Components•Link preview card
Link preview card
An Open Graph unfurl for chat, docs and composers. Loads with a matching skeleton, falls back to a plain link when the page can't be read, and stays a single link so it reads cleanly with a screen reader.
Dependencies
Copy below cli
npx shadcn add @bjork-ui/link-preview-cardHow to use
import { LinkPreviewCard } from "@/components/bjork-ui/cards/link-preview-card";<LinkPreviewCard url="https://fieldnotes.studio/essays/quiet-interfaces" resolve={(url) => fetch(`/api/unfurl?url=${encodeURIComponent(url)}`).then((r) => r.json())} layout="large" // or "compact" onDismiss={() => removeAttachment(id)}/>// Already have the metadata:<LinkPreviewCard url={url} meta={{ title, description, siteName, image }} layout="compact" />
Options