Cascader is a tool that helps developers separate inlined CSS from HTML files.

Start by entering HTML into the textbox below and Cascader will do the rest.

Enter HTML show options

Learn more

Class Prefix:

Go Back Cascader takes HTML as input:



Cascader then generates clean and separate CSS and HTML files:





Cascader does this by:

• Parsing inputted HTML and building a CSS document with detected inline styles
• Replacing inline styles in HTML with generated CSS classes
• Preventing duplicate CSS class definitions
• Providing a CSS document containing generated CSS classes
• Providing a cleaned-up, inline-free HTML document

Cascader aims to make the migration from inline styles to CSS documents as easy as possible.

I hope Cascader can save you some time!