Amplify CKLA

Based on the science of how kids learn to read.

1. How it works
2. Knowledge
3. Skills
4. Tools

Jump to a section

Jump to a section 1. How it works 2. Knowledge 3. Skills 4. Tools

Built on the Science of Reading

Amplify CKLA makes it second nature to teach to today’s standards.

Amplify CKLA helps you implement the new standards by translating the Science of Reading into strong instructional resources, so that you can focus on your students and the kind of teaching you love.

How it works

Amplify CKLA teaches both foundational skills and background knowledge in K–2 and combines them in 3–5, as required by the Science of Reading.


    //custom ease variations (for path drawing tl)
CustomEase.create("easeOne", "M0,0 C0.004,0.207 0.188,0.474 0.488,0.612 0.802,0.756 0.974,0.816 1,1 ");
CustomEase.create("easeTwo", "M0,0 C0.306,0 0.468,0.364 0.522,0.688 0.576,0.96 0.722,1 1,1 ");
CustomEase.create("easeThree", "M0,0 C0.768,-0.01 0.674,0.462 0.746,0.692 0.836,0.98 1,1 1,1 ");

//tl for path drawing effect
var ropeTl = gsap.timeline ({ paused:true})
.fromTo(".amp-svg-rope-a", 1, {drawSVG:"0%"}, {drawSVG:"100%",ease: "none", stagger:0.05}, 0)
.fromTo(".amp-svg-rope-b", 1, {drawSVG:"0%"}, {drawSVG:"100%",ease: "none", stagger:-0.05}, 0)
.fromTo(".amp-svg-path-twist", 1, {drawSVG:"0%"}, {drawSVG:"100%", ease: "none"}, 1)
.from(".amp-svg-text-title-d", 4, {x:'-=20px', opacity:0, ease: "expo.out"}, 1);

//tl for scrubbing progress of drawing effect, with custom ease 
var ropeProgressTl = gsap.timeline ()
.fromTo (ropeTl, 6, {progress:0}, {progress:0.85, ease: "easeTwo"})

//text animation for top group (A)
var textATl = gsap.timeline ()
.from (".amp-svg-text-a", 0.25, {opacity:0, stagger:-2}, 0)
.from (".amp-svg-text-a", 0.5, {x:380, y:90,stagger:-2, ease:"expo.inOut"},1)
.fromTo (".amp-svg-text-a", 0.5, {scale:4}, {scale:2, stagger:-2, ease:"expo.inOut"},1);

//text animation for bottom group (B)
var textBTl = gsap.timeline ()
.from (".amp-svg-text-b", 0.25, {opacity:0, stagger:-2}, 0)
.from (".amp-svg-text-b", 0.5, {x:380, y:90,stagger:-2, ease:"expo.inOut"},1)
.fromTo (".amp-svg-text-b", 0.5, {scale:4}, {scale:2, stagger:-2, ease:"expo.inOut"},1);

//master tl for assembly of all animation/tl's
var masterTl = gsap.timeline ({
  repeat:-1,
  yoyo:false,
  repeatDelay:3,
  scrollTrigger: {
    trigger: '#scarboroughs-rope',
    onEnter: self => {
      masterTl.progress(0);
      masterTl.play();
    },
     onEnterBack: self => {
      masterTl.progress(0);
      masterTl.play();
    },
  },
})
.from (".amp-div-circle-a", 0.5, {scale:0, transformOrigin:'50% 50%', ease:"back.out"})
.add (textATl)
.from (".amp-svg-group-a", 0.5, {x:150, y:220, scale:1.5, ease:'sine.inOut'},'+=2')
.to (".amp-svg-group-a", 0.5, {opacity:0.25}, "-=0.5")
.to (".amp-svg-text-a", 0.5, {scale:1, ease:"sine.inOut"},"-=0.5")
.from (".amp-div-circle-b", 0.5, {scale:0, transformOrigin:'50% 50%', ease:"back.out"})
.add (textBTl)
.from (".amp-svg-group-b", 0.5, {x:150, y:220, scale:1.5, ease:'sine.inOut'},'+=2')
.from (".amp-svg-text-title-c", 0.5, {opacity:0, ease:'sine.out'}, "-=0.5")
.to (".amp-svg-group-a", 0.5, {opacity:1, ease:'sine.out'}, "-=0.5")
.from (".amp-svg-text-title-a", 0.5, {opacity:0, ease:'sine.out'}, "-=0.5")
.to (".amp-svg-text-b", 0.5, {scale:1, ease:"sine.inOut"},"-=0.5")
.from (".amp-svg-text-title-b", 0.5, {opacity:0, ease:'sine.out'}, "-=0.5")
.from (".amp-div-circle-c", 0.5, {x:'-=20px', scale:0, transformOrigin:'50% 50%', ease:"back.out"})
.add (ropeProgressTl, "-=1") 

//control playback speed
masterTl.timeScale (2);

Bring the world to students

Amplify CKLA builds knowledge coherently across subjects and grades.

Students build grade-appropriate subject-area knowledge and vocabulary in history, science, literature, and the arts while learning to read, write, and think creatively and for themselves.

Students make connections day by day and year to year


    //custom ease variations (for path drawing tl)
CustomEase.create(
    "easeOne",
    "M0,0 C0.004,0.207 0.188,0.474 0.488,0.612 0.802,0.756 0.974,0.816 1,1 "
);
CustomEase.create(
    "easeTwo",
    "M0,0 C0.306,0 0.468,0.364 0.522,0.688 0.576,0.96 0.722,1 1,1 "
);
CustomEase.create(
    "easeThree",
    "M0,0 C0.768,-0.01 0.674,0.462 0.746,0.692 0.836,0.98 1,1 1,1 "
);

var textElArr = document.getElementsByClassName("amp-svg-list-text");

var highlightTextArr = [
    { a: textElArr[5], b: textElArr[6] },
    { a: textElArr[9], b: textElArr[16] },
    { a: textElArr[19], b: textElArr[29] },
    { a: textElArr[33], b: textElArr[36] },
    { a: textElArr[42], b: textElArr[50] },
    { a: textElArr[58], b: textElArr[59] },
    { a: textElArr[63], b: textElArr[68] }
];

var timingInterval = 0.5;
var transSpeed = 0.85;

gsap.set([".amp-svg-mask-path-a", ".amp-svg-mask-path-b"], { drawSVG: "0%" })

var pathADrawTl = gsap
    .timeline({})
  
    .from(
        ".amp-svg-path-title-a",
        0.25, { scale: 0, transformOrigin: "0% 50%" },
        0
    )

    .to(".amp-svg-mask-path-a", transSpeed, { drawSVG: "10%", ease: "sine.inOut" }, "+=" + timingInterval)
    .to(highlightTextArr[1].a, transSpeed, { fontWeight: "700", fill: "#4d4d4f" }, '-=0.2')
    .to(".amp-svg-mask-path-a", transSpeed, { drawSVG: "29%", ease: "sine.inOut" }, "+=" + timingInterval)
    .to(highlightTextArr[2].a, transSpeed, { fontWeight: "700", fill: "#4d4d4f" }, '-=0.2')
    .to(".amp-svg-mask-path-a", transSpeed, { drawSVG: "40%", ease: "sine.inOut" }, "+=" + timingInterval)
    .to(highlightTextArr[3].a, transSpeed, { fontWeight: "700", fill: "#4d4d4f" }, '-=0.2')
    .to(".amp-svg-mask-path-a", transSpeed, { drawSVG: "56%", ease: "sine.inOut" }, "+=" + timingInterval)
    .to(highlightTextArr[4].a, transSpeed, { fontWeight: "700", fill: "#4d4d4f" }, '-=0.2')
    .to(".amp-svg-mask-path-a", transSpeed, { drawSVG: "78%", ease: "sine.inOut" }, "+=" + timingInterval)
    .to(highlightTextArr[5].a, transSpeed, { fontWeight: "700", fill: "#4d4d4f" }, '-=0.2')
    .to(".amp-svg-mask-path-a", transSpeed, { drawSVG: "90%", ease: "sine.inOut" }, "+=" + timingInterval)
    .to(highlightTextArr[6].a, transSpeed, { fontWeight: "700", fill: "#4d4d4f" }, '-=0.2')
    .to(".amp-svg-mask-path-a", transSpeed, { drawSVG: "100%", ease: "sine.inOut" })
    .fromTo(
        ".amp-svg-path-title-a-end",
        0.5, { scale: 0.001, transformOrigin: "0% 50%" }, { scale: 1, transformOrigin: "0% 50%" }
    );
var pathBDrawTl = gsap
    .timeline({})
    .set(".amp-svg-mask-path-b", { drawSVG: "0%" })
    .from(
        ".amp-svg-path-title-b",
        0.25, { scale: 0, transformOrigin: "0% 50%" },
        0
    )

    .to(".amp-svg-mask-path-b", transSpeed, { drawSVG: "10%", ease: "sine.inOut" }, "+=" + timingInterval)
    .to(highlightTextArr[1].b, transSpeed, { fontWeight: "700", fill: "#4d4d4f" }, '-=0.2')
    .to(".amp-svg-mask-path-b", transSpeed, { drawSVG: "30%", ease: "sine.inOut" }, "+=" + timingInterval)
    .to(highlightTextArr[2].b, transSpeed, { fontWeight: "700", fill: "#4d4d4f" }, '-=0.2')
    .to(".amp-svg-mask-path-b", transSpeed, { drawSVG: "44%", ease: "sine.inOut" }, "+=" + timingInterval)
    .to(highlightTextArr[3].b, transSpeed, { fontWeight: "700", fill: "#4d4d4f" }, '-=0.2')
    .to(".amp-svg-mask-path-b", transSpeed, { drawSVG: "63%", ease: "sine.inOut" }, "+=" + timingInterval)
    .to(highlightTextArr[4].b, transSpeed, { fontWeight: "700", fill: "#4d4d4f" }, '-=0.2')
    .to(".amp-svg-mask-path-b", transSpeed, { drawSVG: "80%", ease: "sine.inOut" }, "+=" + timingInterval)
    .to(highlightTextArr[5].b, transSpeed, { fontWeight: "700", fill: "#4d4d4f" }, '-=0.2')
    .to(".amp-svg-mask-path-b", transSpeed, { drawSVG: "90%", ease: "sine.inOut" }, "+=" + timingInterval)
    .to(highlightTextArr[6].b, transSpeed, { fontWeight: "700", fill: "#4d4d4f" }, '-=0.2')
    .to(".amp-svg-mask-path-b", transSpeed, { drawSVG: "100%", ease: "sine.inOut" })
    .fromTo(
        ".amp-svg-path-title-b-end",
        0.5, { scale: 0.001, transformOrigin: "0% 50%" }, { scale: 1, transformOrigin: "0% 50%" }
    );


//master tl for assembly of all animation/tl's
var masterTl = gsap
    .timeline({ 
      paused: false,
      repeat: -1,
      repeatDelay: 3,
      scrollTrigger: {
        trigger: '#connections-anim',
        onEnter: self => {
          masterTl.progress(0);
          masterTl.play();
        },
         onEnterBack: self => {
          masterTl.progress(0);
          masterTl.play();
        },
      },
    })
      .set([".amp-svg-mask-path-a", ".amp-svg-mask-path-b"], { drawSVG: "0%" }, 0.001)
    .from(
        ".amp-svg-year-img",
        1, { scale: 0, transformOrigin: "50% 50%", ease: "expo.inOut" },
        0
    )
    .fromTo(
        ".amp-svg-list-title",
        0.25, { scale: 0.001, transformOrigin: "0% 50%" }, { scale: 1, transformOrigin: "0% 50%" },
        0
    )
    .from(".amp-svg-list-text", 0.25, { opacity: 0, stagger:0.01 }, 0.25)

    //slide titles down, scale out circle imgs
    .to(".amp-svg-list-title", 0.5, { x: -3, y: -20, ease: "sine.inOut" }, 3)
    .to(
        ".amp-svg-year-img",
        1, { scale: 0, transformOrigin: "50% 50%", x:'-=20px', y:'+=20px', ease: "expo.inOut" },
        2.5
    )
    .to(".amp-svg-main-group", 1, { y: '-=220px', x: '+=100px', scale: 2, transformOrigin: '0% 0%', ease: "sine,inOut"  }, 3.5)
    .add(pathADrawTl, 4)
    .add(pathBDrawTl, 4)
    .to(".amp-svg-main-group", 9, { x: '-=1600px', ease: 'none' }, 7);

//masterTl.timeScale(0.65);


    <svg id="connections-anim" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 768">
  <!--         <g>
              <text transform="translate(-2.288818e-04 29.7496)" class="amp-svg-title-text">
                  Making connections year by year
              </text>
          </g> -->
          <g class="amp-svg-main-group" transform="translate (-280, 0)">
              <g class="amp-svg-path-group" transform="translate (0,19)">
                  <mask id="path-mask-a">
                      <path transform="translate (0,0)" class="amp-svg-mask-path-a" d="M255.8,374.7h61.6c5.5,0,10-4.5,10-10v-42.5c0-5.5,4.5-10,10-10h156.4
    c5.5,0,10-4.5,10-10v-22c0-5.5,4.5-10,10-10h163.1h15.8c5.5,0,10,4.5,10,10v43c0,5.5,4.5,10,10,10h156.5c5.5,0,10-4.5,10-10v-43
    c0-5.5,4.5-10,10-10h174.1c5.5,0,10,4.5,10,10v84.5c0,5.5,4.5,10,10,10h151.6c5.5,0,10-4.5,10-10v-42.5c0-5.5,4.5-10,10-10h176.4" fill="none" stroke="#ccc" stroke-miterlimit="10" stroke-width="10" />
                  </mask>
                  <mask id="path-mask-b">
                      <path transform="translate (0,0)" class="amp-svg-mask-path-b" d="M255.7,396.2h62.4c5.5,0,10,4.5,10,10v44c0,5.5,4.5,10,10,10h167.2
    c5.5,0,10,4.5,10,10l0,0c0,5.5,4.5,10,10,10h148.9h2.7h15.8c5.5,0,10-4.5,10-10v-64c0-5.5,4.5-10,10-10h143.4c5.5,0,10,4.5,10,10v22
    c0,5.5,4.5,10,10,10h187.3c5.5,0,10-4.5,10-10v-22c0-5.5,4.5-10,10-10H1235c5.5,0,10,4.5,10,10v0.9c0,5.5,4.5,10,10,10h176.3" fill="none" stroke="#ccc" stroke-miterlimit="10" stroke-width="10" />
                  </mask>
                     <g mask="url(#path-mask-a)">
                      <path d="M255.8,374.7h61.6c5.5,0,10-4.5,10-10v-42.5c0-5.5,4.5-10,10-10h156.4
    c5.5,0,10-4.5,10-10v-22c0-5.5,4.5-10,10-10h163.1h15.8c5.5,0,10,4.5,10,10v43c0,5.5,4.5,10,10,10h156.5c5.5,0,10-4.5,10-10v-43
    c0-5.5,4.5-10,10-10h174.1c5.5,0,10,4.5,10,10v84.5c0,5.5,4.5,10,10,10h151.6c5.5,0,10-4.5,10-10v-42.5c0-5.5,4.5-10,10-10h176.4" fill="none" stroke="#e48986" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke-dasharray="0 4" />
                  </g>
                  <g mask="url(#path-mask-b)">
                      <path d="M255.7,396.2h62.4c5.5,0,10,4.5,10,10v44c0,5.5,4.5,10,10,10h167.2
    c5.5,0,10,4.5,10,10l0,0c0,5.5,4.5,10,10,10h148.9h2.7h15.8c5.5,0,10-4.5,10-10v-64c0-5.5,4.5-10,10-10h143.4c5.5,0,10,4.5,10,10v22
    c0,5.5,4.5,10,10,10h187.3c5.5,0,10-4.5,10-10v-22c0-5.5,4.5-10,10-10H1235c5.5,0,10,4.5,10,10v0.9c0,5.5,4.5,10,10,10h176.3" fill="none" stroke="#7c90c3" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke-dasharray="0 4" />
                  </g>
                 
                  <g class="amp-svg-path-title-a" transform="translate (150,0)">
                      <path d="M14.45,360.28a11.25,11.25,0,1,0,0,22.5H123.61a11.25,11.25,0,1,0,0-22.5Z" transform="translate(1)" fill="#e48986" />
                      <text transform="translate(15.4 375.35)" font-size="10" fill="#fff" font-weight="500">
                          Literature connections
                      </text>
                  </g>
                  <g class="amp-svg-path-title-b"  transform="translate (150,0)">
                      <path d="M14.45,385.84a11.25,11.25,0,1,0,0,22.5H123.61a11.25,11.25,0,1,0,0-22.5Z" transform="translate(1)" fill="#7c90c3" />
                      <text transform="translate(15.4 400.91)" font-size="10" fill="#fff" font-weight="500">
                          History connections
                      </text>
                  </g>
                    
                     <g class="amp-svg-path-title-a-end" transform="translate(1420, -60)">
                      <path d="M14.45,360.28a11.25,11.25,0,1,0,0,22.5H123.61a11.25,11.25,0,1,0,0-22.5Z" transform="translate(1)" fill="#e48986" />
                      <text transform="translate(15.4 375.35)" font-size="10" fill="#fff" font-weight="500">
                          Literature connections
                      </text>
                  </g>
                  <g class="amp-svg-path-title-b-end" transform="translate(1420, 20)">
                      <path d="M14.45,385.84a11.25,11.25,0,1,0,0,22.5H123.61a11.25,11.25,0,1,0,0-22.5Z" transform="translate(1)" fill="#7c90c3" />
                      <text transform="translate(15.4 400.91)" font-size="10" fill="#fff" font-weight="500">
                          History connections
                      </text>
                  </g>
              </g>
              <g class="amp-svg-lists-group">
                  <g transform="translate(178.7 285)" class="amp-svg-list-group" style="visibility:hidden;">
                      <image transform="translate(0.48 -170.46)" xlink:href="https://assets.codepen.io/435216/km_0.png" class="amp-svg-year-img" />
                      <text transform="translate(52.4011 -200)" fill="#0062a5" class="amp-svg-list-title">PreK</text>
                      <text transform="translate(-2.28 6.96)" class="amp-svg-list-text">All About Me</text>
                      <text transform="translate(-2.28 27.96)" class="amp-svg-list-text">Families and Communities</text>
                      <text transform="translate(-2.28 48.96)" class="amp-svg-list-text">Plants</text>
                      <text transform="translate(-2.28 69.96)" class="amp-svg-list-text">Animals</text>
                      <text transform="translate(-2.28 90.96)" class="amp-svg-list-text">Habitats</text>
                      <rect x="-5" y="-10" width="61" height="16" fill="#ffffff" transform="translate(-2.28 111.96)" />
                      <text transform="translate(-2.28 111.96)" class="amp-svg-list-text">Classic Tales</text>
                      <rect x="-5" y="-10" width="155" height="16" fill="#ffffff" transform="translate(-2.28 132.96)" />
                      <text transform="translate(-2.28 132.96)" class="amp-svg-list-text">Important People in American History</text>
                  </g>
                  <g transform="translate(354.2 285)" class="amp-svg-list-group-b">
                      <image transform="translate(0.48 -170.46)" xlink:href="https://assets.codepen.io/435216/km_1.png" class="amp-svg-year-img" />
                      <text transform="translate(22.4011 -200)" fill="#e64128" class="amp-svg-list-title">Kindergarten</text>
                      <text transform="translate(-2.28 6.96)" class="amp-svg-list-text">Nursery Rhymes and Fables</text>
                      <text transform="translate(-2.28 27.96)" class="amp-svg-list-text">The Five Senses</text>
                      <rect x="-5" y="-10" width="40" height="16" fill="#ffffff" transform="translate(-2.28 48.96)" />
                      <text transform="translate(-2.28 48.96)" class="amp-svg-list-text">Stories</text>
                      <text transform="translate(-2.28 69.96)" class="amp-svg-list-text">Plants</text>
                      <text transform="translate(-2.28 90.96)" class="amp-svg-list-text">Farms</text>
                      <text transform="translate(-2.28 111.96)" class="amp-svg-list-text">Native Americans</text>
                      <text transform="translate(-2.28 132.96)" class="amp-svg-list-text">Kings and Queens</text>
                      <text transform="translate(-2.28 153.96)" class="amp-svg-list-text">Seasons and Weather</text>
                      <text transform="translate(-2.28 174.96)" class="amp-svg-list-text">Columbus and the Pilgrims</text>
                      <rect x="-5" y="-10" width="136" height="16" fill="#ffffff" transform="translate(-2.28 195.96)" />
                      <text transform="translate(-2.28 195.96)" class="amp-svg-list-text">Colonial Towns and Townspeople</text>
                      <text transform="translate(-2.28 216.96)" class="amp-svg-list-text">Taking Care of the Earth</text>
                      <text transform="translate(-2.28 237.96)" class="amp-svg-list-text">Presidents and American Symbols</text>
                  </g>
                  <g transform="translate(539.7 285)" class="amp-svg-list-group">
                      <image transform="translate(0.48 -170.46)" xlink:href="https://assets.codepen.io/435216/km_2.png" class="amp-svg-year-img" />
                      <text transform="translate(42.4011 -200)" fill="#f18d21" class="amp-svg-list-title">Grade 1</text>
                      <rect x="-6" y="-10" width="83" height="16" fill="#ffffff" transform="translate(-2.28 6.96)" />
                      <text transform="translate(-2.28 6.96)" class="amp-svg-list-text">Fables and Stories</text>
                      <text transform="translate(-2.28 27.96)" class="amp-svg-list-text">The Human Body</text>
                      <text transform="translate(-2.28 48.96)" class="amp-svg-list-text">Different Lands, Similar Stories</text>
                      <text transform="translate(-2.28 69.96)" class="amp-svg-list-text">Early World Civilizations</text>
                      <text transform="translate(-2.28 90.96)" class="amp-svg-list-text">Early American Civilizations</text>
                      <text transform="translate(-2.28 111.96)" class="amp-svg-list-text">Astronomy</text>
                      <text transform="translate(-2.28 132.96)" class="amp-svg-list-text">The History of the Earth</text>
                      <text transform="translate(-2.28 153.96)" class="amp-svg-list-text">Animals and Habitats</text>
                      <text transform="translate(-2.28 174.96)" class="amp-svg-list-text">Fairy Tales</text>
                      <text transform="translate(-2.28 195.96)" class="amp-svg-list-text">A New Nation: American Independence</text>
                      <rect x="-5" y="-10" width="78" height="16" fill="#ffffff" transform="translate(-2.28 216.96)" />
                      <text transform="translate(-2.28 216.96)" class="amp-svg-list-text">Frontier Explorers</text>
                  </g>
             <g transform="translate(724.2 285)" class="amp-svg-list-group">
      <image transform="translate(0.48 -170.46)" xlink:href="https://assets.codepen.io/435216/km_3.png" class="amp-svg-year-img" />
      <text transform="translate(41.4011 -200)" fill="#a4cd39" class="amp-svg-list-title">Grade 2</text>
      <text transform="translate(-2.28 6.96)" class="amp-svg-list-text">Fairy Tales and Tall Tales</text>
      <text transform="translate(-2.28 27.96)" class="amp-svg-list-text">Early Asian Civilizations</text>
      <text transform="translate(-2.28 48.96)" class="amp-svg-list-text"> The Ancient Greek Civilization</text>
      <rect x="-6" y="-10" width="80" height="16" fill="#ffffff" transform="translate(-2.28 69.96)" />
      <text transform="translate(-2.28 69.96)" class="amp-svg-list-text">Greek Myths</text>
      <text transform="translate(-2.28 90.96)" class="amp-svg-list-text">The War of 1812</text>
      <text transform="translate(-2.28 111.96)" class="amp-svg-list-text">Cycles in Nature</text>
      <rect x="-5" y="-10" width="74" height="16" fill="#ffffff" transform="translate(-2.28 132.96)" />
      <text transform="translate(-2.28 132.96)" class="amp-svg-list-text">Westward Expansion</text>
      <text transform="translate(-2.28 153.96)" class="amp-svg-list-text">Insects</text>
      <text transform="translate(-2.28 174.96)" class="amp-svg-list-text">The U.S. Civil War</text>
      <text transform="translate(-2.28 195.96)" class="amp-svg-list-text">The Human Body</text>
      <text transform="translate(-2.28 216.96)" class="amp-svg-list-text">Immigration</text>
      <text transform="translate(-2.28 237.96)" class="amp-svg-list-text">Fighting for a Cause</text>
  </g>
                  <g transform="translate(909.7 285)" class="amp-svg-list-group">
                      <image transform="translate(0.48 -170.46)" xlink:href="https://assets.codepen.io/435216/km_4.png" class="amp-svg-year-img" />
                      <text transform="translate(41.4011 -200)" fill="#30c2db" class="amp-svg-list-title">Grade 3</text>
                      <rect x="-5" y="-10" width="156" height="16" fill="#ffffff" transform="translate(-2.28 6.96)" />
                      <text transform="translate(-2.28 6.96)" class="amp-svg-list-text">Classic Tales: The Wind in the Willows</text>
                      <text transform="translate(-2.28 27.96)" class="amp-svg-list-text">Animal Classification</text>
                      <text transform="translate(-2.28 48.96)" class="amp-svg-list-text">The Human Body</text>
                      <text transform="translate(-2.28 69.96)" class="amp-svg-list-text">The Ancient Roman Civilization</text>
                      <text transform="translate(-2.28 90.96)" class="amp-svg-list-text">Light and Sound</text>
                      <text transform="translate(-2.28 111.96)" class="amp-svg-list-text">The Viking Age</text>
                      <text transform="translate(-2.28 132.96)" class="amp-svg-list-text">Astronomy: Our Solar System and Beyond</text>
                      <text transform="translate(-2.28 153.96)" class="amp-svg-list-text">Native Americans: Regions and Cultures</text>
                      <rect x="-5" y="-10" width="148" height="16" fill="#ffffff" transform="translate(-2.28 174.96)" />
                      <text transform="translate(-2.28 174.96)" class="amp-svg-list-text">Early Explorations of North America</text>
                      <text transform="translate(-2.28 195.96)" class="amp-svg-list-text">Colonial America</text>
                      <text transform="translate(-2.28 216.96)" class="amp-svg-list-text">Ecology</text>
                  </g>
                  <g transform="translate(1094.2 285)" class="amp-svg-list-group">
                      <image transform="translate(0.48 -170.46)" xlink:href="https://assets.codepen.io/435216/km_5.png" class="amp-svg-year-img" />
                      <text transform="translate(41.4011 -200)" fill="#0062a5" class="amp-svg-list-title">Grade 4</text>
                      <text transform="translate(-2.28 6.96)" class="amp-svg-list-text">Personal Narratives</text>
                      <text transform="translate(-2.28 27.96)" class="amp-svg-list-text">Empires in the Middle Ages</text>
                      <text transform="translate(-2.28 48.96)" class="amp-svg-list-text">Poetry</text>
                      <text transform="translate(-2.28 69.96)" class="amp-svg-list-text">Eureka! Student Inventor</text>
                      <text transform="translate(-2.28 90.96)" class="amp-svg-list-text">Geology</text>
                      <rect x="-5" y="-10" width="96" height="16" fill="#ffffff" transform="translate(-2.28 111.96)" />
                      <text transform="translate(-2.28 111.96)" class="amp-svg-list-text">Contemporary Fiction</text>
                      <rect x="-5" y="-10" width="105" height="16" fill="#ffffff" transform="translate(-2.28 132.96)" />
                      <text transform="translate(-2.28 132.96)" class="amp-svg-list-text">The American Revolution</text>
                      <text transform="translate(-2.28 153.96)" class="amp-svg-list-text">Treasure Island</text>
                  </g>
                  <g transform="translate(1279.7 285)" class="amp-svg-list-group">
                      <image transform="translate(0.48 -170.46)" xlink:href="https://assets.codepen.io/435216/km_6.png" class="amp-svg-year-img" />
                      <text transform="translate(41.4011 -200)" fill="#711d74" class="amp-svg-list-title">Grade 5</text>
                      <text transform="translate(-2.28 6.96)" class="amp-svg-list-text">Personal Narratives</text>
                      <text transform="translate(-2.28 27.96)" class="amp-svg-list-text">Early American Civilizations</text>
                      <rect x="-5" y="-10" width="35" height="16" fill="#ffffff" transform="translate(-2.28 48.96)" />
                      <text transform="translate(-2.28 48.96)" class="amp-svg-list-text">Poetry</text>
                      <text transform="translate(-2.28 69.96)" class="amp-svg-list-text">The Adventures of Don Quixote</text>
                      <text transform="translate(-2.28 90.96)" class="amp-svg-list-text">The Renaissance</text>
                      <text transform="translate(-2.28 111.96)" class="amp-svg-list-text">The Reformation</text>
                      <text transform="translate(-2.28 132.96)" class="amp-svg-list-text">A Midsummer Night’s Dream</text>
                      <rect x="-5" y="-10" width="78" height="16" fill="#ffffff" transform="translate(-2.28 153.96)" />
                      <text transform="translate(-2.28 153.96)" class="amp-svg-list-text">Native Americans</text>
                      <text transform="translate(-2.28 174.96)" class="amp-svg-list-text">Chemical Matter</text>
                  </g>
              </g>
          </g>
      </svg>

Knowledge Builders

Knowledge Domains feature fun animated videos that get students excited to learn.

Interactive read-alouds

Complex read-alouds build knowledge and vocabulary from day one.

Content-rich anchor texts

Student Readers are the foundation of each unit as students dive into increasingly complex text and sharpen their analytical skills.

Social-emotional learning

Social-emotional learning and civic responsibility expand with each year.

Focus on foundational skills

Explicit, systematic instruction ensures that all students become excellent readers.

Great reading instruction starts with helping kids develop great decoding skills. By building a solid foundation of phonological awareness and phonics, reading the words on the page becomes automatic so that comprehension and critical thinking can happen.

Decodable chapter books

Unique decodable Student Readers with engaging plots and relatable characters make learning to read rewarding.

Step-by-step lessons

Instruction grounded in the Science of Reading offers multisensory approaches, clear lesson objectives, and formative assessments.

Sound Library

Bring foundational skills to life with fun songs and videos that develop phonological awareness.

Decodable chapter books

Unique decodable Student Readers with engaging plots and relatable characters make learning to read rewarding.

Step-by-step lessons

Instruction grounded in the Science of Reading offers multisensory approaches, clear lesson objectives, and formative assessments.

Sound Library

Bring foundational skills to life with fun songs and videos that develop phonological awareness.

21st-century tools

Immersive digital resources support students no matter where they are learning.

From the printed page to the screen, we bring foundational skills and knowledge of the world to your young learners, and make the transition from classroom to home learning seamless.

Student Hub

The Student Hub gives students direct access to the digital content in the CKLA program anywhere, anytime.

e-Reader

The audio-enabled e-Reader connects students to the entire library of decodable readers.

Teacher Resource Site

The resource site for teachers provides all the support and materials you need to plan and deliver each Amplify lesson—including professional development.

Student Hub

The Student Hub gives students direct access to the digital content in the CKLA program anywhere, anytime.
e-Reader

The audio-enabled e-Reader connects students to the entire library of decodable readers.
Teacher Resource Site

The resource site for teachers provides all the support and materials you need to plan and deliver each Amplify lesson—including professional development.

Student Hub

The Student Hub gives students direct access to the digital content in the CKLA program anywhere, anytime.

Personalized and fun Vocab App

Students begin the day with vocabulary work grounded in literature and differentiated for their needs—including multilingual glossaries for ELLs.

Teacher Resource Site

The resource site for teachers provides all the support and materials you need to plan and deliver each Amplify lesson—including professional development.

Student Hub

The Student Hub gives students direct access to the digital content in the CKLA program anywhere, anytime.
Personalized and fun Vocab App

Students begin the day with vocabulary work grounded in literature and differentiated for their needs—including multilingual glossaries for ELLs.
Teacher Resource Site

The resource site for teachers provides all the support and materials you need to plan and deliver each Amplify lesson—including professional development.

Key differentiators

What sets Amplify CKLA apart

1. Built to help you implement Science of Reading best practices in grades K-5
2. Designed to build knowledge upon knowledge
3. Focused on strong foundational skills to create confident readers
4. Engages all students with cutting-edge multimedia and digital tools
5. Grounded in rich read-alouds and quality trade books