Roots Discourse

Live Examples


I used for that.


Some new sites I’ve built based on the roots stack and/or Sage



Bedrock and my fork of Sage :slight_smile:


Nice job! May I ask how you did that instagram gallery on the educativo page? I thought that wasn’t possible anymore?


Sage 8.5.1, ACF Pro, Gravity Form


@Twansparant thanks man!

And for the instagram feed I used instafeed.js. As far as I know, you can still get your user photos (which is the case).

 new Instafeed({
      limit: 8,
      imageResolution: 'standard-resolution',
      imageTemplate: `<a href="{{link}}" target="_blank" style="background-image:url({{image}})"></a>`,
      videoTemplate: `<a href="{{link}}" target="_blank" style="background-image:url({{previewImage}})"></a>`,
      carouselFrameTemplate: `<a href="{{link}}" target="_blank" style="background-image:url({{previewImage}})"></a>`,
      accessToken: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxx',

I think the access token was generated by


Cool, thanks for the info. Gonna check that out!


@Twansparant I also still use


I know it’s off-topic but while we’re having the conversation, anyone found a good way to show Instagram photos by a hashtag, but curated? I’ve been asked before to pull all photos from a hashtag but that sounds like bad news to me if you’re not manually weeding out spam posts first…


Hi Guys

Just thought I’d share a recent project my team have just launched built using Sage/Bedrock and WooCommerce.

Uses a custom built AJAX product feed with AJAX filtering, sorting & pagination.

We love using Roots!



I’ve released today the new website from the agency I work:

(That barba.js transition was a pain to make :relieved: )


Really nice design work on Love the page transitions, how did you achieve that effect if you don’t mind me asking?


It’s all just CSS animations. There’s no fancy page loading JS or anything.


Nice site! Was there a particular reason you chose to use animations instead of transitions for the cards? The animation looks like it’s only applied to the hover state, so the cards just pop back on mouseout, instead of animating back down.


Mostly because I was just experimenting with things and like all personal projects got sidetracked before ironing out all the bugs…


About to launch another one and also rebuilding our firm’s portfolio site with Sage.


First part of small project. It will have an event manager next year.

No CSS framework.


Just launched these two:

Both built on a full Roots stack w/ a slightly modified version of Sage, and no CSS framework.


Looks great! I love the design aesthetic & typography.

One small comment - for the cards highlighting specific meats, perhaps try applying the hover state to everything. It gives the impression that the title/image/link are separate since the hover state only applies to each individual element at once. Besides that, it’s beautiful!


Nice work. What did you do for the primary nav? It looks like bootstrap.