Convert CSS to Stylus

With this tool you will be able to convert your CSS code into Stylus style code. Stylus is a dynamic preprocessor style sheet language that can be compiled into CSS and run on the client side or server side. Unlike CSS, which uses braces to open and close declaration blocks, indentation is used. Additionally, semi-colons (;) are optionally omitted.

CSS Code
Stylus Code

How to Use?

The css to stylus converter is a web tool that will convert your css code to stylus code.

  1. Copy your existing css code into the textarea above.
  2. Or, if you would like to see how it works first, click on 'Sample' and this will load a sample stylus file to convert.
  3. Once you've done that click on 'Convert' and your new stylus code will be converted into the lower textarea.
  4. Click on 'Copy' to copy the stylus code on to the clipboard.
  5. Or, click on 'Download' to save a file to your computer.