HTML to Slim Converter

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