Sfumato 6.0 released

Michael Argentini/Tuesday, July 1, 2025

Sfumato is a command line interface (CLI) tool that generates CSS for your web-based projects. You can create HTML markup and use pre-defined utility class names to style the rendered markup, without actually writing any CSS code or leaving your HTML editor!

The resulting HTML markup is clean, readable, and consistent. And the generated CSS file is tiny, even if it hasn't been minified!

Sfumato Rocks!

Using only utility classes, you can quickly create complex layouts and effects.

<div class="bg-[url(/images/alien-world.jpg)] bg-cover bg-center p-12">
    <div class="mx-auto w-72 rounded-xl backdrop-blur-md bg-white/40 border-2 border-white/20 shadow-lg text-black select-none">
        <div class="animate-small-ping rounded-2xl absolute w-full h-full outline-6 outline-white/15"></div>
        <div class="p-8 space-y-3 text-center">
            <h3 class="text-xl font-bold">Sfumato Rocks!</h3>
            <p>Using only utility classes, you can quickly create complex layouts and&nbsp;effects.</p>
        </div>
        <i class="absolute top-4 right-4 fa-light fa-times"></i>
    </div>
</div>

Check out the documentation and try Sfumato on your next web project.

Product News

Sfumato 6.0 released

Sfumato Rocks!

Sfumato

Community