Stylus to LESS Converter
Convert Stylus syntax to LESS — variables, nesting and structure translated in one step.
Input
Output
Ready
Drop a file to load it
About this tool
Translate Stylus into LESS. Stylus uses the most permissive of the four: braces, colons and semicolons are all optional; LESS uses variables prefixed with `@`, plus mixins and nesting. The converter rewrites the syntax — variable sigils, braces and separators — while keeping your rules and nesting intact.
When you would use it
- Migrating a project from Stylus to LESS
- Reusing a Stylus snippet in a LESS codebase
- Seeing how a Stylus file looks in LESS syntax
Worked example
.card
color red
.inner
margin 0
.card {
color: red;
.inner {
margin: 0;
}
}
Things worth knowing
- This is a syntax translation, not a compiler. Variables, nesting, comments and structure carry across.
- Mixins, functions and control directives (
@if,@each, loops) are preserved verbatim rather than evaluated, because their semantics differ between dialects. - Stylus is indentation-based, so the converter infers block structure from indentation before re-emitting it with braces.
Questions
Frequently asked
Will my mixins be converted?
Mixin and function bodies are preserved as written. Their syntax differs meaningfully between dialects, so translating them automatically would risk producing something that looks right but behaves differently. Review those by hand.
Is the output ready to compile?
For plain rules, variables and nesting, yes. If your source uses dialect-specific features, check those sections after converting.
Is my data uploaded anywhere?
No. Every tool on JSONWorks runs entirely in your browser using JavaScript. Your input is never sent to a server, never logged and never stored. The simplest proof is to disconnect from the internet — the tools keep working. The site does load Google Fonts and a Google Analytics page-view tag, so you will see those two requests in your network tab, but neither receives anything you type or paste.
Related