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

There are different ways to include audio files into your Webflow project. You cannot host or upload the mp3 file into your Webflow account but many domain provider offer external hosting as well. It's even possible to host it via your Dropbox account.

Tutorial: https://youtu.be/NRsnsmmYPYs

CMS Webflow Audio Player

Audio player in Webflow – how to include audio files into your Webflow project

Simple MP3 audio player that hides the default browser's audio controls. Works seamlessly with Webflow's CMS collections. 

Some coding is inevitable for this to work. And you do need an external server to host your MP3 files. 

It needs some refining, but it's a nice starting point. 

The code before the </body> tag is based on code written by John Scheuer on http://www.dynamicdrive.com/forums/showthread.php?76740-jquery-play-only-the-music-link-that-s-clicked-stop-other-sounds. I adapted some of his html to make it work with the CMS collection tool that Webflow offers.

Basic Audio Player

Basic MP3 Audio Player

I did this in an hour, it's not fully responsive or functional, but I think it's useful to see how you can use Webflow for Product prototyping

Dropbox Web

Dropbox For Web

Cut through small talk with Creative Conversation Starters for Teams. 

The questions are shuffled when clicking on "new phrase" or reloading the page. 

Open the custom-code section inside Webflow Designer and add/remove your own phrases!

Typekit Font: roc-grotesk.

Based on Dropbox Culture Kit: 
https://dropbox.design/resource/creative-conversation-cards

Creative Conversation

Creative Conversations

Creative Mules

If you've ever tried to add a background video to your website using Webflow's native solution, you might have run into some issues. The compression can often result in poor resolution, or worse, a slow-loading website due to the large file size. And adding background videos via CMS only really works with a Vimeo Pro account....

But fear not! Our former Webflow wizard, Artem, came up with an awesome workaround:  tool that can create Webflow-friendly Dropbox-links.

Be aware that Dropbox has a fair use policy and is not hosting in the true sense, links are bandwidth limited. We recommend to use this hack for small-scale websites and landing pages.

Just drop, copy, and paste the link, and voila! You've got yourself a magic solution for adding background videos to your website. We're always looking for ways to make our projects better and more user-friendly, and this is just one example of the creative problem-solving our team is capable of.



Dropbox Video Converter [Clonable]

Dropbox Video to Webflow

Thanks to Web Bae for the trick with the Dropbox link.
I wanted to share the process with my German community as well.

Tutorial: https://youtu.be/RWumxmXX_sY

Hintergrundvideo via Dropbox

Use Dropbox for Webflow Background Videos

Memberstack

Hey everyone 👋

I whipped up a cloneable pricing table with 3 recurring pricing options. Tried to keep it really simple.

Inspired by Dropbox's pricing table circa Feb 2022.

Discover dropbox websites built by the Webflow community

Discover dropbox websites built by the Webflow community