Stable releases are available on the releases page. Download either non-source package and unarchive it to produce a folder named cilantro/.


Create an HTML file next to the cilantro/ folder.

<!doctype html>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width">
        <title>Hello Cilantro!</title>
        <link rel=stylesheet href="/cilantro/css/style.css">
        <div class="navbar">
            <div class="navbar-inner">
                <span class="brand">Hello Cilantro!</span>
                <ul class=nav>
                    <li><a href="/query/">Query</a></li>
                    <li><a href="/results/">Results</a></li>

        <div id="main" class="container-fluid">Click on the "Query" link above.</div>

            // Pre-configuration of requirejs and cilantro
            var require = {
                    baseUrl: '/cilantro/js'
                cilantro = {
                    // The Serrano-compatible API endpoint Cilantro
                    // will talk to
                    url: '',
                    // Tells cilantro where to render the app, defaults
                    // to #cilantro-main if not specified
                    main: '#main'
        <script data-main="cilantro/main" src="/cilantro/js/require.js"></script>

The require.js script tag right before the closing </body> tag. Set the data-main attribute to load main module supplied with Cilantro.