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

Make fullpage.js work in Webflow in 4 steps. Fullpage.js allows you to add a scticky scroll to your site.

✓ fullpage.js Webflow template

Fullpage.js Webflow Integration Template

Hello fellow Webflowers,

We have built a fresh freebie services overview page. All categories with associated references are dynamically loaded with Webflow collection items. - you can simply add new categories or associated references and remain a good user experience by enabling the progress bar indicator. 🤩 

The progress bar we created scrolls to the dynamic collection blocks, this is 'normally' not possible, because collections can't have anchor links. We resolved this with a nice hack by assigning an 'ID' to the collection classes 😄 thru an embed and then converting the progress bar links to anchor links so you can scroll back and forth thru all the collection items. 🤙

If you like this project and find it helpful please like ❤️ it so other Webflowers can see this project and use it on their next website 🙌

Dynamic collection progressbar

Progressbar - anchor links - Dynamic Collection

Social share buttons that work perfectly for any static or CMS page! If you enjoy this project, please leave a LIKE!

Simple Social Share Buttons

simple-social-share-buttons

Responsive, full-screen, Vimeo video embed

Change out the video link in the "video-embed" element nested in the "video-wrap" div

Background Video Embed

background-video-embed

Examples of how to customize and extend the Webflow Form Widget

Custom Forms

custom-forms

Fonzrelli - electric motorbikes and scooters! 

At Fonzarelli, we’re on a mission to increase the uptake of electrifying two-wheel machines. Lightning acceleration. Zero emission. We’ve built a range of rides to suit any rider, whether you’re looking for an easy commute or an adrenalin rush, we now have the bike for you. We are Australian riders, innovators and builders. Join our Fonz family. Join the future.

FONZ

Fonzarelli

This is how to use a Vimeo video as background video in Weblow. You can change the video easily within CMS (Editor).

Vimeo Background Video

vimeo-background-video

(EN) Hello Webflow community! Here is a new clonable from Digidop. This one allows you to copy and paste the HTML code of +100 SVG logos. The filtering system allows you to choose between the original version or a custom version to change the color of your logo. You just have to insert the code in an embed in your project!

(FR) Bonjour la communauté Webflow ! Voici un nouveau clonable de la part de Digidop. Celui-ci vous permet de copier-coller le code HTML de +100 logos SVG. Le système de filtrage vous permet de choisir entre la version original ou une version personnalisée pour modifier la couleur de votre logo. Vous n'avez plus qu'à insérer le code dans un embed dans votre projet !

Library 100+ Embed Code Logo SVG

Beautiful topographic maps from Switzerland – easy to embed.

source: https://map.geo.admin.ch/

Switzerland only – but worth exploring as my example shows.

swiss-alps

Clone: Swiss Alps – Beautiful Map Embed

Customer reviews that work perfectly with CMS and on mobile devices. If you enjoy this project, please leave a LIKE!

Customer Reviews (Responsive & CMS proof)

customer-reviews-responsive-cms-proof

Happy Thursday! I hope everyone is doing well 😁

Check out the live website to see it in action. I needed an easy way to embed a video into projects so I could explain how they work, and leave messages for people. This is my solution! I hope it helps you on a future project!

Webflow Video Tour Widget

Social links to share your current page.

These will take both the title and description from your page SEO settings.

This guide is based on a forum post from @Waldo

See the guide on flowbase.co

⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃

🥰 Support Us:

𝙄𝙛 𝙮𝙤𝙪 𝙚𝙣𝙟𝙤𝙮 𝙤𝙪𝙧 𝙘𝙤𝙣𝙩𝙚𝙣𝙩, 𝙥𝙡𝙚𝙖𝙨𝙚 𝙘𝙤𝙣𝙨𝙞𝙙𝙚𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩𝙞𝙣𝙜 𝙪𝙨 𝙤𝙣 𝙤𝙪𝙧 𝙨𝙤𝙘𝙞𝙖𝙡 𝙘𝙝𝙖𝙣𝙣𝙚𝙡𝙨. 𝙔𝙤𝙪𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩 𝙝𝙚𝙡𝙥𝙨 𝙪𝙨 𝙜𝙧𝙤𝙬 𝙩𝙝𝙧𝙤𝙪𝙜𝙝 𝙧𝙚𝙖𝙘𝙝𝙞𝙣𝙜 𝙛𝙪𝙧𝙩𝙝𝙚𝙧!

⦿ Website @ www.flowbase.co
⦿ Webflow @ www.webflow.com/flowbase
⦿ Twitter @ www.twitter.com/t_bekkers
⦿ Instagram @ www.instagram.com/flowbase.co

⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃

✒️ Licence Notes:

⦿ Images available under CC0 (Unsplash, Pexels, Freepix or Similar)
⦿Typography available under SIL Open Font License 1.1 (Inter)
⦿ Iconography available under CC0 (UpLabs, Flaticon, Noun Project)

Social Share

Social Share Links - Flowbase

Copy this sticky aside menu for your Blog

002 CMS Content

002 CMS Content - Aside Menu Blog

New website for a credited music producer who is joining other well known producers in licensing beat instrumentals online.

SikWitIt

SikWitIt | Music Producer Website

Add your YouTube Playlist to your Webflow site. No need for the CMS or any API keys. You can customize everything with Custom Attributes and native Webflow styling. The first item on the list is used as the template for ease video Items.

YouTube Playlist in Webflow - Beta 1

youtube-playlist

Using CMS you can embed websites on your collection page. Ooh and ahh. check your sites really good. Not all site show images and videos like they should and that's probably on their end, but this may come in handy.

Embed a Site iFrame

Site Embed in iFrame w/ CMS

This is not a background video with a mask... this is magic. 🪄
Simply apply .text-style-gradient (a global class) to any text and watch it transform into a beautiful moving gradient!
(change the colors, angle, and speed as you like through the embed code)

Moving Gradient Text

Moving Gradient Text Code

Pretty Nice Websites

Microsite we built for Afterpay/Clearpay to showcase their annual aggregate shopping data for 2019. The client wanted to incorporate a lot of movement in the site, so we used a healthy mix of page-scroll animations for parallax movement, as well as scroll-into-view triggers for some list sections. 

We also created some gateway pages and cookie acceptance pop ups that track when a user visits the site so they don't get the same pop up twice. To see how we did that check out the custom code in the page settings.

For the hero videos, the client wanted to ensure that the video players had no third party branding on them, so Webflow's youtube element was out. We ended up going with a custom embed from Wistia, which allows you to strip all branding from the videos.

Let us know what you think!

Discover embed websites built by the Webflow community

Discover embed websites built by the Webflow community