Discover the best preview websites created by professional designers. Get inspired and start planning your perfect preview web design today!

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.

Popup Links

Automatic Link Preview

As soon as the cursor moves over a row in the table, the background appears, which fills the table row from the center. At the same time an image is revealed for each line, which scrolls at a fixed position with the page and could provide a preview of the content. You can also insert a background video here. Discovered on this website: https://neodlx.io

I added an additional line of custom code so that the effect still takes place even if you hover the mouse over the image and there is a table row below it. The image is ignored by the mouse (pointer-events:none).

Tutorial: https://youtu.be/pYPV0g54CU8

Table Hover Animation with Image Preview

Table hover effect with image reveal

Do you know your 'In Quad' from your 'In Quint' when it comes to Webflow's built-in easing options?

I always struggled to compare & choose the right one so made this tool to preview them all, side by side for common use cases I had (sliding panels, rotating and fading things).
It's really been helping me to find the perfect easing for a given situation. Hope you find it useful too.

If you'd like to know when I make or write about other design-related things, follow me here on Webflow or Twitter, or join my mailing list via my site: ollivere.co

If you have any feedback, I'm all👂s. Thank you.

Ease-y Peasy

Ease-y Peasy: Easily compare Webflow’s built-in easing options

Hello! 

Here is my last design for Rivia. Few subtle animation, some embed videos etc.

Let me know what you think! or how I could improve it!

Rivia Studio

Rivia Website

At Joyclue we’re building the future of gifting. After years of failed gifting experiences and forgotten birthdays, we decided to do something about it. Reminders, recommendations, and budgeting make giving a simple task so that you never show up empty-handed again.