What is Timber

Timber is a utility-first, desktop-first CSS framework built for fast prototyping. It also offers a range of useful components and some sample layouts to help you get started with your project.


Copy-paste the stylesheet link into your head before all other stylesheets to load Timber CSS.

<link rel="stylesheet" href="css/timber.min.css"">

To customise the Timber Sass variables, have a look at theming.


Copy and paste the following before the closing body tag to load the Timber JavaScript components and plugins.

<script src="js/tm.core.min.js"></script>

To add/remove Timber JavaScript components and plugins, have a look at javascript.

HTML5 doctype

Timber requires the use of the HTML5 doctype. Without it, you’ll see some funky incomplete styling, but including it shouldn’t cause any considerable hiccups.

<!doctype html>
<html lang="en">

Responsive meta tag

To ensure proper rendering and touch zooming for all devices, add the responsive viewport meta tag to your.

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">