Media (Beta)

Website Preview for Breakdance

Show a live website that visitors can scroll, click and browse, or a screenshot, inside a Chrome, Safari or device frame. 15 real device sizes, scaled to fit, with a switcher and a rotate button. It is in Beta, so it stays off until you switch it on.

Get it for $29 See the frames

5 browser styles Beta Native Breakdance element Off by default

Any website, in a real frame.

Paste a URL, pick a browser and a device. Every color, corner and shadow is in the Breakdance builder.

A real, working browser

Visitors scroll, click and type an address. Back, forward and reload work, with a loading bar and an open-in-new-tab button. Or show a screenshot instead.

Chrome, Safari and more

Chrome with a tab, Safari, a floating frame, minimal dots or no frame at all, in light or dark.

15 devices at real sizes

Full HD desktop, MacBook, iPad Pro, iPad mini, Galaxy Tab, iPhone, iPhone SE, Pixel and Galaxy, in portrait or landscape. Pick a different device for tablet and phone screens.

Smart fallback

Many sites refuse to be shown inside another page. Website Preview checks first and shows a screenshot instead, with your own message.

Loading that looks good

Load only when scrolled into view, show a skeleton page or a spinner, set a time limit, and auto reload pages that change.

Hover and reveal motion

Lift, zoom or a 3D tilt that follows the mouse, plus a scroll reveal. Or use the Breakdance animations you already know.

Monir, WordPress developer

4 ways to show a website

01Chrome, with a real tabA light Chrome window with the site's own favicon and title. Visitors can type an address, go back and forward, reload, or open the site in a new tab.

Chrome

WPBuilderPros

02Safari, in dark modeA calm, centered address bar on a dark window. Made for portfolios, case studies and agency work where the website should do the talking.

Safari dark

03MacBook frameA laptop with a base at the real MacBook Air size, 1470 pixels wide, scaled to fit. It tilts toward the mouse for a little depth.

MacBook

04iPhone, live and scrollableA real iPhone size with the Dynamic Island, showing the site's own mobile layout. Visitors can switch to tablet or desktop and scroll inside.

Phone

How to use it

Three steps to your first Website Preview.

Turn on the Beta

Open the BreakUI Pro dashboard, switch Website Preview on and confirm the Beta note. Try it on a staging site first.

Add the element

Add Website Preview from the BreakUI Pro group, then paste the address of the website you want to show.

Pick the frame

Choose a browser style and a device, then decide if visitors can click and scroll inside or open the site in a new tab.

Quick answers.

Common questions about Website Preview.

Still have a question?

Ask me directly on WhatsApp.

Chat on WhatsApp

Can it show any website?

Most websites, yes. Some sites refuse to be shown inside another page. Website Preview checks this first and shows a screenshot instead, so the frame is never empty.

Can visitors click and scroll inside?

Yes. Or turn that off so the preview acts like a picture and opens the website in a new tab when clicked.

Why is it in Beta?

It is new. Beta elements are off by default and can still change, so try Website Preview on a staging site before a live one.

Does it slow my page down?

No. The website loads only when the preview scrolls into view, and screenshots load like any image.

Is it included in BreakUI Pro?

Yes. It is a Beta element in BreakUI Pro, $29 for unlimited sites.

Get BreakUI Pro for $29.

Install it in a minute and have your first element on the page before your coffee cools.

$29, unlimited sites

Version 2.0.22, 714 KB

8 elements plus 3 in Beta
One license, unlimited sites and client sites

Get it for $29

See it live