Build a website without code
A free tutorial that teaches you how to build a music web app using Webflow.
A free tutorial. Get access here.
Who Is This For?
If you're a beginner getting started with frontend web development, or an experienced designer who wants to quickly prototype something new, Webflow can help. Webflow offers a visual editor which lets you drag-and-drop, customize responsive layouts, and publish with ease.
This tutorial will introduce you to the basics of Webflow and how to use its drag-and-drop site builder application to design and develop a music web app called BlocJams. Learn to customize responsive layouts for web, iPhone, iPad, and Android, and tailor CSS styles for each device. The differentiating factor with Webflow is not just the visual editor part, but that once you are done, you can publish your site directly instead of having to export the code.
Here's What You'll Build
BlocJams is a beautifully designed Spotify-like web music player. You'll design a heroic home page followed by a browse music page complete with awesome album cover art, some interactions, and a fly-out search panel that's bound to wow your friends.