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

Tutorial to build mouse interaction here. https://youtu.be/maYjDF1_zMQ

After seeing Niccolò Miranda FatFatFat Festival site I was instantly inspired to see if I could recreate some of the interactions. With my own interpretation I have created a unique micro site with all interactions created in Webflow.

Music

Joseph Berry Music

An annual collection of my favorite records of the year.

Favorite Albums 2016

With the new Ghostbusters movie coming, I wanted to build a proper movie site for such an amazing franchise. Celebrating the new and showcasing the originals.

I've also made the project cloneable. I'm new to development and have pulled snippets from multiple different projects. I still have a lot to learn but if this project is helpful to you, that's awesome!!

Features and Accolades
• Mocktober 2020 winner
• CSS Design Awards
  → Special Kudos
  → Best UI Design
  → Best UX Design
  → Best Innovation
• CSS Winner: Site of the Day
• One Page Love
• Muzli 

All visuals belong to their respective owners.

GB-afterlife

Unofficial Ghostbusters Afterlife Website

~ Artisan Website Co. ~

We are a husband and wife creative team based out of Las Vegas, Nevada. We create custom websites and immersive brand experiences. 

We are not the type that cuts corners, we only take on one new project at a time. Everything we do we put all of our heart and energy into. 

We wanted to make our site is available to clone, but please don't take credit for any of our work and be sure to swap out all projects with your own.

All services, projects, and blogs are easily manageable via CMS.

Not required, but we would appreciate a link back to: https://www.artisanwebsite.co/

Artisan Website Company

Uplift Web Design

A powerful audio player plugin for displaying and streaming your audio files. Our audio player supports all the features you'll need to create a robust music powered website. Design your audio player to look how you want and use our attributes to add the functionality.

True Audio Player

Webflow Audio Player

David Reid, a designer ⌘ based in Hong Kong 香港. Currently working at I.T as Head of UI/UX, previously Creative Director ⟶ Previously Head of Brand and Art Director of Grana.

Dave Reid

dave-reid

Create an astonishing Audio Player in Webflow and make your site playing. Customize it according to your preferences, there's no limit to your design vision. Single track player, multi-tracks, playlist... all you need to play is here.

Webflow Audio Player Cloneable

Audio Player

Javascript Music Player with Three.js

My Social Media:
https://www.linkedin.com/in/fojcikdominik
https://www.instagram.com/_fojciko

Portfolio: https://fojcikdominik.com


Three.js: https://threejs.org

Resources i used for this project:
https://github.com/bradtraversy/vanillawebprojects/tree/master/music-player
https://github.com/santosharron/audio-visualizer-three-js

THREE.JS MUSIC PLAYER

MUSIC PLAYER with THREE.JS

Personal creative website for artist couple The Circle & The Square. Enjoy!

The Circle & The Square Site

thecircleandthesquare

The project was made to help a forum question > https://forum.webflow.com/t/interaction-slide/76323/2
-
I like the idea and I will fix some things.

Music Popup Slide

Had a lot of fun creating this hero section concept for Drake.
Feel free to clone this project.

Pages built: Home

__


You can thank me by:
• Hiring us to help you rebrand in 1 month 👉 oracleadvertising.com

• Following me on Behance 👉 https://www.behance.net/oracleadvertising

DRAKE - Hero Section

Drake Hero Section

My alma matter music theatre program trusted me to make them their own website. So I used a subdomain and am pretty pumped to see my work under a .edu. 

New to Webflow but learning and loving what this bad boy can do 💪🏻. Let me know if you have a better or more efficient way to build something I did. Gotta give a shoutout to http://flowbase.webflow.io for hooking us webflowers up with some killer assets and walkthroughs. 

Love this community. Designers will rule the web!

BWMT REMASTERED

Baldwin Wallace University Music Theatre Program

AWGE is a creative agency created by A$AP Rocky. Their website was originally developed by Sehmon Burnam. You can view his portfolio here: https://www.sehmon.com/work/awge.

This is for educational purposes only. I built this to test Webflow's capabilities. So far, it's capable! 

I will continue adding pages to it when I get more free time. Go ahead and clone it to see how I've made it so far.

AWGE

AWGE, an agency founded by A$AP Rocky

Hello wonderful people! We have recently completed the design development for the "Lazy Crypto Cats" NFT-project. 

The design was developed in Figma over 3 weeks and identifying the basic needs of users. Next, we transferred the design to Webflow and added interactivity in the form of kinetic typography and magnetism. 

The website has now been accessed and officially launched.
Official link -> https://www.lazycryptocats.community

Behance -> https://www.behance.net/gallery/127308353/NFT-Community-Lazy-Crypto-Cats-Web-Design-UXUI

Awwwards -> https://www.awwwards.com/sites/lazy-crypto-cats
CSS Design Awards -> https://www.cssdesignawards.com/sites/lazy-crypto-cats/40002/
Orpetron WDA (SOTD) -> https://awards.orpetron.com/lazy-crypto-cats/

Designed by Mative Labs -> https://mativelabs.art 
If u have a project and wanna creative & award-winning design let's connect.

Lazy Crypto Cats

Lazy Crypto Cats - NFT Community

Made this with the help of Tim Ricks! https://www.youtube.com/watch?v=2rBZmBY0BO8

Great build to get started with Wizardry techniques, GSAP animations, and a bit of custom code. I opted for JS over jQuery in my code.

Mubasic Clone

Mubasic Hero Clone

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

Website I did for a business I'm involved in creating Custom Made Horsehead Fiddles from Mongolia.

Morin Huur - Custom Made Horsehead Fiddles from Mongolia

A collection of my favourite albums and singles of 2018, inspired by Drew Roper

Discover music websites built by the Webflow community

Discover music websites built by the Webflow community