HTML to Slim Converter

Convert HTML to Slim templates with one click - powered by Rails Blueprint

Transform HTML and ERB templates into clean Slim syntax with just one click! ★ KEY FEATURES • Right-click any element on a page to convert it to Slim • Alt+Click for instant element conversion with visual preview • Paste HTML directly into the popup for manual conversion • Automatic clipboard copy option • Works offline with basic conversion fallback • Clean, minimal interface ★ PERFECT FOR • Ruby on Rails developers • Frontend developers working with Slim templates • Anyone converting legacy ERB/HTML to modern Slim syntax • Quick prototyping and template conversion ★ HOW TO USE 1. Right-click Method: Select HTML → Right-click → "HTML to Slim" → "Convert Selection" 2. Alt+Click Method: Hold Alt → Hover (see blue outline) → Click to convert 3. Popup Method: Click extension icon → Paste HTML → Convert ★ FEATURES • Powered by Rails Blueprint's conversion engine • Supports complex HTML structures • Preserves classes, IDs, and attributes • Clean Slim output with proper indentation • No account or signup required • Your data stays private - no logging or storage ★ CONVERSION EXAMPLES HTML: <div class="container" id="main"> Slim: .container#main HTML: <a href="/path">Link</a> Slim: a href="/path" Link ★ SUPPORT GitHub: https://github.com/railsblueprint/html-to-slim-extension Website: https://railsblueprint.com/html2slim Built with ❤️ by Rails Blueprint