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

Tom Qwen

Something in the pipe line but couldn't resit getting it on my showcase early. 

This video player is entirely customisable within the designer, it uses interactions for hiding and displaying the controls. All of which can be customised to your liking, I'll be releasing some documentation with the full release for the time being comment with any questions.  

Change Log
------------
15 July 2021 - Beta Release
26 May 2022 - Updated placeholder video URL as previous one was removed.

To Do List
----------

Hoping to publish the next update in June with a first release in July. 

- Implement timeline scrubber
- Fix mini mode
- Code checks to allow missing controls. 
- Add additional themes

Custom Video Player

Red Republic

Scroll and Rotate for Portfolio Page with Outline Text. 
We started building this for a client and then took a different approach. 
If you add the images with hover in view effects, it could look pretty cool. 
Clone and enjoy. 
Any questions, just ask.

wwwwweeeeeeeeeeeeee

Matt Varughese

Want to replace the Webflow Video Element / HTML5 Video, YouTube/Vimeo embeds, and any third-party audio player? Learn how to integrate plyr.io, a custom media player made by Sam Potts, to extend the functionality of the normal video and audio players found on everyday websites!

FULL TUTORIAL: https://visualdev.fm/post/customizing-media-players-with-plyr-io

Made by your friends at The Visual Developers Podcast :-)

Custom Media Player Integration with Plyr.io

Marcus

I've created a small site library with a bunch of great tools and games to expand your creativity and workflow.

Webflow Resources

Charbel Hajj

My biggest Webflow project to date, created for the biggest media company in the Middle East!

SRMG is a multi-national media company, with offices across the globe. Being one of the oldest agencies, their visual identity was long overdue for a refresher.

I was approached by Republique, a creative agency based in Dubai, and tasked with the huge mission to re-vamp SRMG's outdated, bi-lingual massive website. We decided to go with Webflow, for added front-end flexibility, then exported the project and linked it to a custom Laravel CMS (shoutout to our friends at HelloTree for the amazing work on the back-end).

I used a ton of interactions from within webflow, and boosted the site with Locomotive Scroll and some other custom snippets.

Check out the site on https://srmg.com/en/home

Saudi Research & Media Group

I've created a tiny website with components and UI from Windows 98. I wanted to get the retro look on a modern website. It's a super simple site, just wanted to test the components.

Feel free to clone it, i've created a little section on the "Style Palet" page with the custom code for the different components.

Small Windows 98 Ui Kit

Stacker

NoCode.Tech is the Internet’s OG no-code education platform. We show anyone, no matter their level of tech know-how, how to build their own software.

The New NoCode.Tech

Kevin Rizzotto

My first build on Webflow was a Facebook copy so I could learn and gain some experience using the software. Honestly was a lot harder than I thought it would be haha but hey with some help I got there.

Facebook Recreation

digitalwerk

brutkasten Media ist eine Full Service Agentur für: digitale und hybride Events, Medialeistungen, Videoproduktionen & Studiovermietung im Herzen Wiens

brutkasten Media

Jon Sorrentino

A podcast for people who make, think, and see differently. Conversations with creative leaders about their careers, struggles, and sometimes food to feed your imagination.

Wellfed Creative Podcast

BRIX Templates

Influencer is a premium Webflow Template for Social Media Influencers and Content Creators. It includes all pages needed to feature your videos, articles, merch, and much more.

- - - - - - - - - -

Interested in Influencer Webflow Template?

• Check out a live preview here: https://influencertemplate.webflow.io/

• Purchase it now for $79 on the Webflow Marketplace: https://webflow.com/templates/html/influencer-social-website-template

Looking for an amazing Webflow Template for Social Media, Influencer Marketing, Personal Brand, Content Creator, Streamer, Influencer Agency, Social Media Influencer, Vlogger, Lifestyle, Artist, Model, YouTuber, TikToker.

- - - - - - - - - -

• BRIX Templates - Looking for another template? Take a look at our collection of premium Webflow Templates on https://brixtemplates.com/

• BRIX Agency - Looking for a hand to design & develop an amazing Webflow website? Get in touch with our amazing team on https://brixagency.com/

Social Media Influencer Webflow Template - Influencer | BRIX Templates

Jeff Smith

👋 This is a brand new product—launched on Webflow of course! Quotable is the best way to quote your friends. Download the app for real-life quotes and real-life fun.

Quotable

Valentin Fleckenstein

Design & Media - Portfolio

Evan Downey

Made in Webflow using the Relume library, the Overactive Media site is an example of how powerful Webflow plus Relume library can be. Designed and built in less than a day, Relume makes developing Webflow sites quick & easy. Allowing you to focus more on the design.

Overactive Media is Canada’s largest esports ownership group. They are building a media, sports, and entertainment company for the next generation of fans.

Find out more here: overactivemedia.com

Please note, this is a personal project, not endorsed by OAM.



Overactive Media – Personal Project Site

Samuel

HealthXchange - Bringing you relevant, trusted health and medical tips

Launched at https://www.healthxchange.sg

HealthXchange

Adrian Dascal

A website & branding inspired by a minimalistic print design from the 1960s combined with the colours of the modern age, filled with colours & content for a relatively new investment model called Media for Equity (Media for Growth).

Media for Growth Website

Enhanced

Hey everyone!

We're excited to share our premium template for SaaS and Startups, Infinite Pro!

Happy designing!

——————————————————————————————

Made with Enhanced Build, Webflow's largest design system, and component library - 1,125+ components.

No subscriptions, a small one-time fee - plus free updates for life.

Get access to Enhanced Build:   https://enhancedbuild.webflow.io/

Infinite Pro - Premium Webflow Template for SaaS and Startups

Cullen Kuch

Experience site showcasing the film Titanic. Built with Webflow, Figma and a touch of custom JavaScript. Check out the design/build process on my YouTube channel: https://www.youtube.com/channel/UCGgn7ZNR4uaGWsfQOsy4c7g

Share and enjoy!

Titanic - Movie Experience Site

1vaRoS0QlFL+TEUDugDt/1KXdWvhj03Qb9u2ruorsNc=

6qSamKWmkxX2fnUM9HsZmrP8aP7f2O195iTFPfRXJnU=

Abq7j8lCUGCWx2iqashROjdv8R2L4sVg4pUuROgkp4E=

CHiQfJJNufnbbHjt7tcZuD9wK6Bl5FwbOUHnSl3avqA=

CS4BRGaO4rUrYNAyOI44zTjp3t7P2OOu41QdwKmWO/g=

RMv0YJlLOBe7cY7HgZ3Jox34R0Wrk7jLv3DZyBETA7I=

ZC8pa382rux3/Ya5JYmbaiFDJJqVQfa/ZkKRoDwNIOg=

mMjt/im3qTbmtzqqztBpqn+Rgsc5U8Gc8X6ZDITjoDk=

oIkmI84/O3nodhAO/gAbs0zgY2IvPgpH6UlSycbHi/I=

zRYikcIlbF3Un7C26+4VGO/t8jKwNjjuAdQWLlZECTQ=

+j+2BnaQSkzkNe0dpNHl103pbsRtVlBy3Ivqpwb7bho=

/z5rny/vN8rnsI2gxYCgnqQOFiwY847T4QIeZ6w5I34=

/zPeDB00QSmJg02UNPvvY6N+w7bL9XbOTmOZn0UHdA0=

0ACb5hSoxo1svvHlhJqD4sUSDGJ97B1kBGWGGxycXu4=

0z+EonM/Ze0RUt4FnVPK9NO8zbPrdKWPIV/2nsroWAM=

1Kas5SxzFq1TyEEK/rwk9T2BTRF97IopQx0dxEZEiV4=

1PAePmG+u2MMJihdvOPE+f3q6uU4s1vcblpYTbo4KCw=

1yPpEBxQzs5EQ8FAvcACSinRq2S2J2069sPRZVRmmxE=

3VTr+Ac3pZZPAIkCsxMLLyT4g863JxXKgu3+Ayfoq6U=

4ZJ7EGzGqv4xuN2dyPyGVzeXC3ZzxnWvJ6WajoEnM98=

4eIPknyFF46oh0mLjXLEN9nOuX2TKp2hUHUJY5aPSpQ=

4zIwhZkCZ+GlQOns3JIYBz0/OVfdZ3Y1uk/5+7mf+2A=

5FDeSfKIJLemkdT7BTuxj/qoLWYEBfG9UQBPghck3ZA=

5pIFK+PVeOj47PIVY1YpQZ0n1VhUv3AFhxF9FK3/5NU=

7xZWAYfVqaEy7CXa1ckZo3xjvoaWoIOdhw+qc8M1IKQ=

9DmxyyZ8FEsc5DSKm/8DpcDu2e/GCLlCF0UJQCEBuSw=

CY7M9UIqsstwHXkY2gh+1iwe+xn/L400EHoMCr5V2Kk=

CjOPUxQfd2e9T/jCfK5kLFZtS+YknIrp9TbZsxBJ3n4=

DZW4Lt9/4nTqMYcoG7AAN7TQCRwpJ94xFJ+gE1GO2AQ=

EA6pIl34ynZu2fCXtDsf5N+8HjgmFW1iWFEJidJmjwE=

EmL/07sZTmi9xV+epHzdYP8GGRzf/PzE1igH51TIYGQ=

I6aCKEIKc6Arq7OqoqijPw7efTjUjYkQrD6nNhdEUwo=

JCIMc2jHTforX4kLxzXeocMmrYb+LnAgwZU0w3bCzQY=

JSUE/tzFGqA8SW6UZelJxRWNmjDOVW6AacN+s8q2058=

JXxUskpxyJf0HzDZZzk+rnqpDJoD/uHhmIBaeZ2rf2I=

JseFDRfctUKg1rAF0E6mL1YOHzQe1gVou75Mw8zcVOY=

KmttvwfoYQsBfGx+YR6WvNYQXoRwaQ+hKZS5+DHpXLk=

LOBx6XjXdHGh1Mc2TWG0lUBfYWbMOp15iStJG887/pg=

LtNTzuGC6a/O4opneIzFRwuxaT7A0jTPzl4xxFVOaJU=

NP6mAIrpTB9kRjtJnW3FmZTpNpH4UMQimwJqY9Sec+k=

NaOvW/FyxHGGW+okX5dXeUZcodQswSRaUy5pwYMQCY0=

OKA/wpW5U0/bGFF7Bsd9Jpz9vIcGmsLeCg4ac42B+uM=

ONGbaY8NwLZsAON1rFnvSZpSx/C2YgSvAaKP+Qs3sy0=

P7vOA+qkoiRS/9UWXIUHxm+CI0lSj7WY2ZBiK9KyND4=

Pesmw2FSIduSR93sJEVAEAHyJZ4MQP9Pbn1gPgXxcXw=

Qdld2j63j/MIDqhyo7Y3RiOeFhBqJglREH2O+FwXR9I=

RTjXBMHnjTqFdoDyXUO2AKPkqYypcAKcmM0zGDh4caY=

ReTHz5O++2bhIDWL5iofoqpgFh3DS7gFBY5lndMX0a4=

RmFwNgM9My2V9xdee02O3uVC23fCyHlzLnWr8skh/Wk=

S3UH97cX9/DCJeeuSb/1cxTJ7CCdGRdLv4pASFeUrlQ=

W0wgK3N2DKRw7mHe/OXWveRF5zny0tvm+vG0KHiLp/Q=

XGglpWsF+VpgOjXfIqzwrxv0n1E+aPydxJbt23zu0UA=

YTgvz2H2yS7kYnVdz+7EJIUOPBCJhECNTPAhmUOoe68=

bNYcTJMABTjrejqaTAIi80LmrWFfpTsCp44eZk1OWP0=

bsLlc2kcOlK5RWQ59v0AEAUf4ihEq1EqzVL0STw1ipU=

ca/pVHa3/6Sxei+4H7EgEWxytJZtjYaWd4gIcLS9BNk=

dZwrFziiqNuYnGDLDpHI1YhPjKifwSg45KCaURl8D2g=

e+VmFrHp4Yr8GXYWjDQHdWz2PclHlzv9quqbIMU/Xu0=

eDXaquyPVYoFNZ+HLRFOqPbAk7N1nlRiJhbhe4g83Es=

eKZ9sLSo6+sicIvD6P1KSh2FCMctkVM3veR39Usebi0=

eYRhaR917Kl8W9yQ5U6MBqXj8vPkIthFhiNmuNeAN78=

eYmgBZ7+8Grb61FIjGTNd9D3G+r/jczTEkvC5rm19Tk=

eecmD3rxb35ZwVocxDFRqbIjnQdCCFmngV56ILYVHa4=

fqjlnE7z3/vZw0OHR2kV0utFuXmlHUaSBJ3gfhkXNsI=

gok0DFmTbYmfgm71+6/UBa9YMdK9fta9tVCYCvw0mUk=

gtX0dj3u43dHLSN3L1/ocA2zuRIhSWSH7czMAshjILo=

i5RceAnwNYDnFUmn6Nr7tYoU2zgb6WZMXFAm/Ks3EJI=

kaIOlI6Nq9Q/ie+EQ0pIStIilIP0OEzSTA39Jp+4KjQ=

mdqrxKA5yNLUO1xy5DRK+BdrEEx0DaTbUqGALpHTFfo=

nNw0VXPd+WjgyPPmllFr76kDgg2uUI1zeOE4/HRUmJA=

oEth0GQmlQEb4LYJYa0d+c3HKD3ULkpBbWmsOKI9iAY=

p2Vh8R1nnPDbUmB2laIvAo+ftmfycxaj1wj+1VbZyLg=

p7M33hx2/QNUnwxc0CuYfz1Pt74M+mfrGVQxzk65gwY=

p8RKstqTUsFv0yM8P1EiWUksDkzfBxAw5OAvX/lo29w=

p97Dq+fIx/w3/EkGTzaK1w3GxAKb2UiB7DMgeXVqPaw=

pJfUbXSMy3I5/YgFlhkcdg6l873+JjkE05INAUxLmUI=

pJu6WGBlTFWiqPzNCkQSRb8W05i8Lzy2Nfh+m51MAZM=

qriyvYyof2e0nw26zR6JThjy67bKClLhvHTizM7yDcg=

qwBI7cEFi2p5uofmngMNq9hyeXBei5HjbZBPsE2jVNk=

rc7aof7rQWJw0zjfmyo+vyx6ckIXvkvcjRsSD+E3JC0=

sVP46tBNXrVbRgo8gxjQJi56Ye1Tf58d/5IGrW+t554=

tGWEp1ekGCD5QuqN7IYlGfZ+o0Bp3gDLnODVnfQtzzk=

tOlureLazS6/pYwbqdKmud6Bvaf9nA4m71Uoyrhnjxo=

taTnYyyHDohIACH0XOt7f9rsbQDo8eDaAR5/12UVIeQ=

tcmGcYpBS2ChBOHZ0EWBvqwozC4S2fVByvq+/Nu+8qk=

w2/bDgmUb6OwHuhtN+Wm89zclNO2xRBG8xtJr4UsBbM=

wV9d2LzLij/UwbGC8MXX+RHNBZ5d/rww134rq+krlJQ=

xdTyVT3ZuBSNWCl2NPxJ8eZ0ifhUzatwezSwUElWFy0=

xopiPniokR0nK50Zusg9JVnovSEk5Ehp9FNP10Oe3yY=

z0Bcstj2RryBavzQoKM3ahOCQcI8zFyYwMLgeOJj6ho=

zTjP0wu4jQu1N5tp1E0KqrsQoD7VvYN4Qrege5SFXd0=

znSGofNSewV4L1nPnkUNOmgEJsZN01R3WQN2oIXOng0=

Best Media Websites | Free Examples & Designs

Discover Media websites built by the Webflow community

Discover Media websites built by the Webflow community