What is Roots?

Roots is a static site compiler, that generates static html, css, and javascript files. It's very good at helping to build static front-ends. It is sponsored heavily by Carrot Creative, and makes frequent, highly variable builds quicker and easier freelancers and agencies. It's a truly excellent framework for quickly and easily building small to medium sized front-ends of any kind.

Roots can handle a huge number of compiled languages, and can be used with many tools that help push static sites as far as possible. For example, it can link with an API, pull in your data, and render parts of it into your views on compile. Then it can render the same or other views as javascript templates and you can push any other data from your API into them on the fly at runtime on the client side in reaction to user actions. And that's just a small taste of its capabilities. You really can do a lot with static sites, and roots is here to push those limits.

Why Use Roots?

"So," you might ask, "Why would I use Roots instead of X, Y, or Z?" The short answer is because roots was built very specifically for static site builds, so it's cleaner and better than general purpose build tools, since it's specialized to that purpose. The longer answer is that it's a qualitative thing. Much like people would ask "Why should I use snapchat when I can just text a photo", or "Why should I use slack when I already have hipchat?", there is no logical answer other than that the experience is different, and in my opinion, much better -- tailored exactly to what you need. So just try it, and you just might find that you really like it.

Most of the time, people ask why they would use Roots over Gulp or Grunt. Everything in the previous paragraph is the answer. Gulp and Grunt are general purpose javascript build tools you can wire together to handle anything, as long as you put in the work and maintain your config file(s). Roots is a framework designed specifically for building static sites. If you are building a static site, Roots will end up being a better experience because it's tailored to that exact purpose, so we make assumptions and take shortcuts in order to make your process smoother. Check out the videos below to see what we're talking about.

Introduction to Roots

More great roots demos & tutorials