This is really easy now. Put special Style Manager block on page and simply put whole html (you can copy even full html with head, footer, plugin will clean them up) and click to convert.

Plugin will convert html to blocks, it will add styles as classes, custom css to custom css section and all JS to custom JS section of style manager

Style manager has also many useful functions. For example, if you remove some blocks on page, you can select to clean unused classes.

Check video

Copy this post’s content
<!-- wp:paragraph -->
<p>This is really easy now. Put special <em>Style Manager</em> block on page and simply put whole html (you can copy even full html with head, footer, plugin will clean them up) and click to convert. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Plugin will convert html to blocks, it will add styles as classes, custom css to custom css section and all JS to custom JS section of style manager</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Style manager has also many useful functions. For example, if you remove some blocks on page, you can select to clean unused classes.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Check video</p>
<!-- /wp:paragraph -->

<!-- wp:embed {"url":"https://www.youtube.com/watch?v=nHzq8jyturA","type":"video","providerNameSlug":"youtube","responsive":true,"className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
https://www.youtube.com/watch?v=nHzq8jyturA
</div></figure>
<!-- /wp:embed -->