Build website interactions and animations visually.
Define your own content structure, and design with real data.
Goodbye templates and code — design your store visually.
Edit and update site content right on the page.
Set up lightning-fast managed hosting in just a few clicks.
Design, build, launch, and manage client sites all in Webflow.
Run your marketing sites without bothering developers.
The design you want, plus intuitive content editing controls.
Speak the same language as your developers — without writing code.
HelloSign runs marketing sites without developers.
Dell prototypes faster and more effectively.
Heco builds world-class sites for clients.
See the best sites #MadeInWebflow.
Connect with the community.
Get help from and chat with fellow designers.
Rebuilds, interviews, and more.
Browse 100+ custom templates.
Webflow 101: the video course.
Videos, guides, and mild humor.
Hours of full-length video tutorials.
In-depth guides and articles.
Find the plan(s) for you.
Freelance.tv, created by Dann Petty, has a very eye catching, yet simple layout that could easily be recreated in Webflow. In this workshop, we'll focus on background videos, flexbox and lightboxes.
Clone this project: tba
00:05:40 - Visual breakdown
00:09:18 - The build begins
00:14:32 - Creating the top bar with social icons and a newsletter sign up form
00:28:22 - Creating the main navbar
00:36:30 - Building the hero row content with flexbox
00:41:30 - DINOPLAYFUN figures out why the new section pushed the background video down
00:44:19 - Adding a lightbox component with a custom interactive play button
01:03:37 - Creating the intro paragraph row with a YouTube subscribe button
01:08:34 - Creating the "full episodes" card with flexbox
01:32:05 - Q&A and site reviews
01:36:01 - Creating the footer row
01:39:30 - Fixing the layout to become responsive
01:52:32 - Q&A and site reviews