NovaSheets

What is NovaSheets?

NovaSheets is a powerful CSS preprocessor with the ability to easily create intricate CSS files with simple syntax. With many built-in functions for you to use, you can take your stylesheets to the next level.

Simple

Variables? Functions? Mixins? Templates?
Find them all under one name.

View docs

                    @var color = hsl($[hue|300], 75%, 80%)


                        body {background: $(color|hue=200);}
                    
                

Powerful

Utilize the wide variety of built-in functions offered to you
– or make your own.

Learn more

                    
                        $(@darken | hsl(100, 20%, 30%) | 30% )


                        $(@breakpoint | 800px | .container | width: 100%; | width: 30vw; )
                    
                

Natural

Create stylesheets in a way that mirrors the HTML.

More info

                    
                        body {


                          color: red;


                          main {


                            background: gray;


                          }


                        }
                    
                

Versatile

Use in the browser, in Node, or on the command line.

See how

                    
                        parse('@var foo = bar:1; @endvar $(foo)') // node

                        novasheets --compile **/*.nvss css/ // CLI
                    
                

Lightweight

With one import, gain access to the full parsing power.

View downloads

                    
                        npm install -g novasheets // node

                        <script src="novasheets.js"></script> // browser