When editing a page in the Lightning App Builder, we can edit the layout template:

enter image description here

I want to make my own custom template based on one of the Standard, out-of-box templates - can I view the source of those somewhere?

1 Answer 1


The source code for the standard templates is not public. You can inspect elements on the browser but it is hard to decipher.

Creating your own templates is simpler with lightning-layout. There are a couple of examples in the sample app Easy Spaces.

3:9 layout

4:8 layout

A sample component for 4:8 will be as below

<aura:component implements="lightning:appHomeTemplate" description="App Home template, with 2 columns in 4:8 ratio."
<aura:attribute name="leftColumn" type="Aura.Component[]" access="global" />
            class="left expanded"

        <lightning:layoutItem aura:id="rightColumn" size="8" class="right">
  • LWC components became open-source recently - any plan to make Aura components open source?
    – jbyrd
    Commented May 28, 2021 at 2:41
  • @jbyrd No those won't go open source ever since the future is all LWC! At some point LWC will be available for every interface on Salesforce platform Commented May 28, 2021 at 3:06
  • Thanks - yeah I keep hearing that, but unfortunately the codebase on this project is mostly Aura. LWC being the future, does that also mean the lightning app builder is sort of getting deprecated, too, at some point?
    – jbyrd
    Commented May 28, 2021 at 14:35
  • 1
    No lightning app builder won’t be deprecated but it will be LWR based! Commented May 28, 2021 at 14:36
  • 1
    Ok created a new question for it: salesforce.stackexchange.com/q/344516/89720
    – jbyrd
    Commented May 28, 2021 at 18:45

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .