Build CSS grid–powered layouts visually
The power of CSS grid — in a completely visual canvas. Start building with grid in Webflow today.
Clean, exportable code
Webflow writes clean, W3C compliant, semantic code for you. Without all the messy inline classes you've come to expect from drag-and-drop site builders. You can even export your HTML, CSS, and images in a handy ZIP file you can use however you like.
Add any code you need
Need to do something Webflow doesn't support out of the box? You can easily add custom code for the entire site, a specific page, or a specific part of a page.
Global swatches
Now you can define key colors as global, so every instance of that color will update whenever you change it. It’s like Symbols, but for colors.
Over 2,000 web font families
Use any font from Google and Typekit’s vast collections, or just upload any font you own or have the right to use.
Responsive images
Webflow automatically scales and optimizes inline images for every device size, at every resolution.
Design and develop at the same time
Webflow translates every design choice you make into clean, standards-compliant code. So you're not just designing or prototyping your website — you're building it.
Build with raw ingredients
55%
Create reusable symbols
95%
Keep your elements organized
12%
Design with real content
24%
Speed, scale, and security
Easy edits and publishing
A complete platform
Easily create scroll-based parallax animations
Tie motion to scroll progress
Craft animations that build as you scroll
Build microinteractions around mouse movement
Create rich, multi-step animations
Reveal content on click
Create rich hover animations
