LoginGet started — it’s free
Made in Webflow

Automatic Link Preview

Clone in Webflow526
Dhruv Sachdev's avatar
by Dhruv Sachdev
2.9k
site profile thumbnail

Description

Let site visitors preview external links by hovering over the text. This plug-and-play feature allows you to get a link preview without leaving :) How it works: It extracts external links on load, grabs a screenshot then reveals the preview on hover. Since the card's position is calculated using custom code - it works with inline links and link blocks. Just change the external link, and the preview will be updated automatically. Replace the demo screenshot API I've used with your own on live builds. The project also includes a static version where you can manually upload a preview if you prefer—inspired by https://uiw.tf components. Fully built-in Webflow.
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.
previewlinkhovercardeffectinteractions

More by Dhruv Sachdev

See profile
View details
20 Line Hover Animations
379
658
© 2022 Webflow, Inc. All rights reserved.