Things to know about on

Pencil & Fox is a free library of ready-to-use and easy-to-customize code snippets. By code we mean HTML, CSS and Javascript. Therefore in order to use our resources you need at least a basic knowledge about web development.

When we release a resource, we also share some tips about how we created it. If you can’t figure out how the code works by yourself, you may wanna take a look at the resource walkthrough. Good chances are you’ll find the help you were looking for!

CSS Preprocessors

We use SASS, just because it gives us extra power while coding our nuggets. MaterializeCSS is our mixin library of choice. However if you’re not into preprocessors (you should really give it a try!), you can just use the CSS files and delete the SCSS folders.


We use jQuery as javascript library.