RSM Focus

A clearer way to build in Gutenberg.

Tired of a cluttered block editor when designing complex, responsive pages? RSM Focus turns the native Gutenberg experience into a professional, distraction-free design workspace.

Why Choose RSM Focus?

• True 16:9 Focus Viewport for realistic layout decisions
• Elegant toggleable wireframe overlays with block labels
• Live Preview Mirror with Desktop (16:9), Tablet (3:4), and Mobile (9:16) views
• Structure Overlay toggle on the preview for perfect alignment
• Beautiful scroll animations with marketing presets
• Per-breakpoint responsive visibility controls
• Layout Band support for full-bleed sections

Broad Compatibility

Works seamlessly with Gutenberg and plays nicely with popular page builders including Elementor, Beaver Builder, Divi, and SiteOrigin (especially tight integration via shared widget/block support).

Part of the RSM Spark Suite — Production-grade, GDPR-ready, and HPOS compatible. Trusted by professional site builders and agencies.

Free vs Pro — This free plugin is fully functional for Focus mode, wireframe, preview, animations, layout bands, and responsive visibility (standard mobile/tablet bands). Additional tools are available in the separate RSM Focus Pro plugin from rsmspark.com.

Documentation

Product guides live on the RSMSpark documentation site. Editor JavaScript source is included under /src; rebuild with npm install && npm run build (see package.json).

Full documentation: https://rsmspark.com/documentation
Focus documentation: https://rsmspark.com/documentation/rsm-focus

Support

Full documentation: https://rsmspark.com/documentation
Support forum: https://rsmspark.com/support
Website: https://rsmspark.com