<head>
</body>
HTML
<div> Text </div>

class = text, class
id = text-id
data-w-id = e992bad8hgfhgfrzi24gko8
CSS
class
height: 100vh
width: 100vw
background: #fff
position: relative
top: 0px
Laptop
Tablet
Landscape
Mobile
Web Desire
+
Break the Code Barrier, but don't lose flexibility

The Idea

This is my Version of Webflow for pro user and not for everyone. The Idea is that you can switch between the "normal" Webflow and the Pro Version.

01 Facelift

-Darker colors
- New icons (overflow y and x)
- Better Colorpicker
- Bg Color (new position)
- Just one button with two states for italic
- </head> and </body> (new position in the code editor)

02 New CSS

- Overflow hidden in now separated in y and x achsis (All Browser Support)
- Stroke and Fill (Major Browser Support)
- Scrollbar (Major Browser Support)
- Background Clip (Major Browser Support)
- Mix Blend Mode (Major Browser Support)
- Background Blend Mode (Major Browser Support)
- Edit SVG paths (Major Browser Support)
- Add ::Before and ::After to object (All Browser Support)

03 Breakpoints

- Add new Desktop Breakpoint
- Edit width of Breakpoints
- Set min and max width of Breakpoints

04 Code Editor

Webflow is fantastic if you don't want to code, but it's also limited. If you want to add new CSS, you have to create a new class. This editor makes it easy for you to add new CSS properties to existing classes and attributes to HTML tags.

- Edit <head> and before <body> in the editor
- Add css direct to the class
- Add Html attributes
- Change this ugly generated ID's
- Edit breakpoints css

Home
Settings
Pro Modus
<div>
Inheriting
text
class
Display
10
10
10
10
0
0
10
10
Width
Height
Min W
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Min H
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Max W
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Max H
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Overflow
Position
Static
Float & Clear
Img & Gradient
Color
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Font
Arial
Weight
400 - Normal
Size
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Height
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Color
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Align
Style
More type options
Radius
30px
Border
Width
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Opacity
100
Box shadows
Transforms
Box shadows
Cursor
Scrollbar
Strokes & Fill
Bg Clip
Mix Blend Mode
Difference
Bg Blend Mode
Hue
SVG Path
Before & After