HTML to Slim Converter

What is This Tool?

This free online converter lets you instantly transform HTML and ERB (Embedded Ruby) templates into clean, minimal Slim code. It’s a great choice for Ruby on Rails developers looking to modernize and simplify their views.

How to Use

1. Paste or type your HTML+ERB code into the editor.
2. Click Convert to generate Slim code.
3. Download, copy, or share the Slim result instantly.

You can also sign in with Google or GitHub to save your conversion history and download files later.

Why Slim?

Slim is a fast, lightweight Ruby templating engine that uses indentation instead of HTML tags. It's widely used in Rails applications for its clean syntax and improved readability.

Benefits of Slim include:

• Minimal and whitespace-driven syntax
• Faster development with fewer characters to type
• Improved maintainability for complex views

Slim is powered by Temple and Tilt. It's a popular choice among Rails developers who want beautiful, clean views.

Learn more at the official Slim website.

Slim Syntax Example

doctype html
html
  head
    title Slim Example
    meta name="keywords" content="template language"
    meta name="author" content=author
    javascript:
      alert('Slim supports embedded javascript!')

  body
    h1 Markup examples

    #content
      p This example shows what a basic Slim file looks like.

      == yield

      - unless items.empty?
        table
          - items.each do |item|
            tr
              td.name = item.name
              td.price = item.price
      - else
        p
          | No items found. Please add inventory.
    div id="footer"
      = render 'footer'
      | © #{year} #{author}

    

HTML+ERB vs Slim Example

HTML+ERB

<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
  </head>
  <body>
    <h1>Blogg</h1>
    <p>Time: <%%= Time.now %%></p>
    <%% Post.all.each do |post| %%>
      <article>
        <h2><%%= post.title %%></h2>
        <div><%%= post.body %%></div>
      </article>
    <%% end %%>
  </body>
</html>

Slim

| 
html
  head
    meta[charset="utf-8"]
  body
    h1 Blogg
    p
      | Time:
      = Time.now
    - Post.all.each do |post|
      article
        h2 = post.title
        div = post.body