A Look at Star Wars’ Coolest Lightsabers

Quench Your Pop Culture Thirst!

Qui-Gon Jinn’s Green Lightsaber

Quench Your Pop Culture Thirst! { "selector": "[data-custom-animation-id=\"fly-in-bottom-0.2-0.55\"]", "--x": "0", "--y": "calc(100 * 1vh + height())", "animations": [ { "duration": "0.2s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0.2s", "duration": "0.55s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } SEE THE FULL LIST

Obi-Wan Kenobi’s Blue Lightsabers

Quench Your Pop Culture Thirst! { "selector": "[data-custom-animation-id=\"fly-in-bottom-0.2-0.55\"]", "--x": "0", "--y": "calc(100 * 1vh + height())", "animations": [ { "duration": "0.2s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0.2s", "duration": "0.55s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } SEE THE FULL LIST

Luke Skywalker’s Green Lightsaber

Quench Your Pop Culture Thirst! { "selector": "[data-custom-animation-id=\"fly-in-bottom-0.2-0.55\"]", "--x": "0", "--y": "calc(100 * 1vh + height())", "animations": [ { "duration": "0.2s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0.2s", "duration": "0.55s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } SEE THE FULL LIST

Kylo Ren’s Red Crossguard Lightsaber

Quench Your Pop Culture Thirst! { "selector": "[data-custom-animation-id=\"fly-in-top-0.2-0.55\"]", "--x": "0", "--y": "calc(-100 * 1vh - height())", "animations": [ { "duration": "0.2s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0.2s", "duration": "0.55s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } SEE THE FULL LIST

Mace Windu’s Purple Lightsaber

Quench Your Pop Culture Thirst! { "selector": "[data-custom-animation-id=\"fly-in-top-0.2-0.55\"]", "--x": "0", "--y": "calc(-100 * 1vh - height())", "animations": [ { "duration": "0.2s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0.2s", "duration": "0.55s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } SEE THE FULL LIST

Tarre Vizsla’s Darksaber

Quench Your Pop Culture Thirst! { "selector": "[data-custom-animation-id=\"fly-in-top-0.2-0.55\"]", "--x": "0", "--y": "calc(-100 * 1vh - height())", "animations": [ { "duration": "0.2s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0.2s", "duration": "0.55s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } SEE THE FULL LIST

Darth Maul’s Double Bladed Red Lightsaber

Quench Your Pop Culture Thirst! { "selector": "[data-custom-animation-id=\"fly-in-top-0.2-0.55\"]", "--x": "0", "--y": "calc(-100 * 1vh - height())", "animations": [ { "duration": "0.2s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0.2s", "duration": "0.55s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } SEE THE FULL LIST

For more star wars content, visit us at poptonic!

Quench Your Pop Culture Thirst! { "selector": "[data-custom-animation-id=\"fly-in-top-0.2-0.55\"]", "--x": "0", "--y": "calc(-100 * 1vh - height())", "animations": [ { "duration": "0.2s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0.2s", "duration": "0.55s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } SEE THE FULL LIST