CSS preview

Updated

Watch the code write itself when using CSS Preview

Webflow’s Style panel gives you a visual interface to design with the same CSS properties used across the web. With CSS preview, you can watch the code write itself as you make style changes on your site.

You can access CSS preview from the Style panel by clicking the “more options” dots and choosing CSS preview. You can also open CSS preview via the top bar of the Designer by clicking the Webflow logo and choosing CSS preview from the hamburger menu that appears on hover.

Pro tip

You can also export your site’s code to hand off to a developer or to use outside of Webflow.