LogoLogo

Acebuilder

beta

Social Media Preview Updater

Demo
All demosStart building

import this component @aceternity/link-preview and change the links for Twitter, Linked and Instagram. keep the previews same

Read filesrc/App.tsx
Read filesrc/components/ui/link-preview.tsx
Read filesrc/components/ui/link-preview.tsx
  • Imported @aceternity/link-preview into the project
  • Wired three LinkPreview links for Twitter, LinkedIn, and Instagram on the home page with default dynamic screenshot previews
  • Fixed unused-variable type errors in the imported component for a clean build

I want this to be one sentence. no title and description. the whole thing is a sentence. use darker color for text, no colored text. overall text should be bigger.

Read filesrc/App.tsx
Search codebase
  • Collapsed the page into one sentence with inline Twitter, LinkedIn, and Instagram previews
  • Removed the title and description
  • Made the text larger and used dark foreground color only (no blue/pink link colors)

Make the text the following one: Follow us on Twitter to get the latest updates, we are also available on Instagram and LinkedIn if you prefer that.

Read filesrc/App.tsx
  • Updated the page to: “Follow us on Twitter to get the latest updates, we are also available on Instagram and LinkedIn if you prefer that.”
  • Twitter, Instagram, and LinkedIn stay as hover link previews in that order.

only link preview text should be darker, rest can be a bit light

Read filesrc/App.tsx
  • Sentence body uses lighter muted text
  • Twitter, Instagram, and LinkedIn stay darker and semibold
How can Acebuilder help you today?