Plugins You can find out about all the publicly available Grails plugins.

Pure CSS Plugin

  • Tags: css, resources, ui
  • Latest: 0.6.0
  • Last Updated: 27 March 2015
  • Grails version: 2.0 > *
0 vote
compile "org.grails.plugins:pure-css:0.6.0"

 Documentation  Source  Issues


This plugin provides an easy way to include Pure CSS in your Grails application. Pure CSS is "A set of small, responsive CSS modules that you can use in every web project." Documentation on Pure CSS can be found at


compile ":pure-css:0.6.0"



There are currently three ways to use the plugin:

  1. Run grails copy-pure-css to copy the CSS files over to your application
2. Use the Resources plugin to add the CSS to your GSPs
<r:require module="pure-all" />
3. Include the files yourself via a style tag
<g:resource plugin="pure-css" dir="css" file="pure.css" />


There are several modules you can include in your GSPs. Any module with "-nr" is the "non-responsive" version. They are:

  • pure-all: The main pure.css file with all modules include.
  • pure-all-nr: The non-responsive version of pure-all
  • pure-base: The base pure functionality without any modules. All of the modules below will include this module.
  • pure-buttons
  • pure-forms
  • pure-forms-nr
  • pure-grids
  • pure-grids-nr
  • pure-grids-responsive
  • pure-menus
  • pure-menus-nr
  • pure-tables

Usage with the Resources Plugin

To include modules using the Resources plugin, add any of the modules in an <r:require /> tag. For example, to include all of Pure CSS add the following to the head of your page:

<r:require module="pure-all" />

To add just the Pure Grids and Pure Tables CSS, add this to your page:

<r:require modules="['pure-grids', 'pure-tables']" />

This will add the Pure Grids, Pure Tables, and Pure Base CSS to your view. They will be bundled together into one file.