Skip to content
Gutenberg Hub
  • Getting Started
    • User
    • Developer
  • Resources
    • User Guides
    • Plugins & Themes
      • Plugins/Addons
      • Themes
    • Developer Guides
    • Tips & Tricks
    • Code Snippets
    • Talks & Opinions
  • Blocks
  • Templates
    • Section Patterns
    • Full Page Templates
Gutenberg Hub
Menu

Lottie 2

Lottie 2 is a Free Gutenberg Content, Section Patterns Template by GutenbergHub. It is fully customizable, responsive, and easy to use. The best part is you can copy & paste it to your website. Our Gutenberg Templates library has a huge collection of WordPress block patterns. Find out more Content, Section Patterns Templates.

ContentSection Patterns
Facebook Twitter Pinterest LinkedIn
Previous Template Lottie 1
Next Template Lottie 3

<!-- wp:group {"align":"full","className":"eplus-NnuKQa","epCustomPadding":{"value":{"top":"80","right":"","bottom":"80","left":""},"unit":"px","important":false},"epGeneratedClass":"eplus-NnuKQa","epCustomBackgroundResponsiveEnabled":true,"epCustomBackgroundMobileModified":true,"epCustomBackground":{"solid":"","gradient":"","media":{"backgroundPositionX":0.5,"backgroundPositionY":0.5,"position":"relative","background":{"uploading":false,"date":"2020-11-06T10:35:37.000Z","filename":"image-1.png","menuOrder":0,"uploadedTo":25039,"type":"image","subtype":"png","id":25102,"title":"image (1)","url":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2020/11/image-1.png","link":"https://demo.gutenberghub.com/templates/2020/11/06/lottie-2/image-1-2/","alt":"","author":"4","description":"","caption":"","name":"image-1-2","status":"inherit","modified":"2020-11-06T10:35:37.000Z","mime":"image/png","icon":"https://demo.gutenberghub.com/templates/wp-includes/images/media/default.png","dateFormatted":"November 6, 2020","nonces":{"update":"d3f4da9b76","delete":"8f2a4efd1f","edit":"67a21c8305"},"editLink":"https://demo.gutenberghub.com/templates/wp-admin/post.php?post=25102\u0026action=edit","meta":false,"authorName":"Farhan","uploadedToLink":"https://demo.gutenberghub.com/templates/wp-admin/post.php?post=25039\u0026action=edit","uploadedToTitle":"Lottie 2","filesizeInBytes":11921,"filesizeHumanReadable":"12 KB","context":"","height":400,"width":800,"orientation":"landscape","sizes":{"thumbnail":{"height":150,"width":150,"url":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2020/11/image-1-150x150.png","orientation":"landscape"},"medium":{"height":150,"width":300,"url":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2020/11/image-1-300x150.png","orientation":"landscape"},"full":{"url":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2020/11/image-1.png","height":400,"width":800,"orientation":"landscape"}},"compat":{"item":"","meta":""},"acf_errors":false},"backgroundSize":"cover","backgroundRepeat":""}},"epCustomBackgroundMobile":{"solid":"rgba(235, 237, 12, 1)","gradient":"","media":{"backgroundPositionX":0.5,"backgroundPositionY":0.5,"position":"relative","background":{"uploading":false,"date":1604658937000,"filename":"image-1.png","menuOrder":0,"uploadedTo":25039,"type":"image","subtype":"png","id":25102,"title":"image (1)","url":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2020/11/image-1.png","link":"https://demo.gutenberghub.com/templates/2020/11/06/lottie-2/image-1-2/","alt":"","author":"4","description":"","caption":"","name":"image-1-2","status":"inherit","modified":1604658937000,"mime":"image/png","icon":"https://demo.gutenberghub.com/templates/wp-includes/images/media/default.png","dateFormatted":"November 6, 2020","nonces":{"update":"d3f4da9b76","delete":"8f2a4efd1f","edit":"67a21c8305"},"editLink":"https://demo.gutenberghub.com/templates/wp-admin/post.php?post=25102\u0026action=edit","meta":false,"authorName":"Farhan","uploadedToLink":"https://demo.gutenberghub.com/templates/wp-admin/post.php?post=25039\u0026action=edit","uploadedToTitle":"Lottie 2","filesizeInBytes":11921,"filesizeHumanReadable":"12 KB","context":"","height":400,"width":800,"orientation":"landscape","sizes":{"thumbnail":{"height":150,"width":150,"url":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2020/11/image-1-150x150.png","orientation":"landscape"},"medium":{"height":150,"width":300,"url":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2020/11/image-1-300x150.png","orientation":"landscape"},"full":{"url":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2020/11/image-1.png","height":400,"width":800,"orientation":"landscape"}},"compat":{"item":"","meta":""}},"backgroundSize":"cover","backgroundRepeat":null}},"epAnimationGeneratedClass":"edplus_anim-vFGxpZ"} --> <div class="wp-block-group alignfull eplus-NnuKQa"><div class="wp-block-group__inner-container"><!-- wp:columns {"className":"eplus-Gff3OV","epCustomMargin":{"value":{"top":"","right":"auto","bottom":"","left":"auto"},"unit":"%","important":false},"epGeneratedClass":"eplus-Gff3OV","epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":80,"important":false,"unit":"%"},"maxWidth":{"value":"","important":false,"unit":"%"},"maxHeight":{"value":"","important":false,"unit":"%"}},"epAnimationGeneratedClass":"edplus_anim-uEtv3B"} --> <div class="wp-block-columns eplus-Gff3OV"><!-- wp:column {"width":42.5,"className":"eplus-yifky2","epGeneratedClass":"eplus-yifky2","epAnimationGeneratedClass":"edplus_anim-kKEfiH"} --> <div class="wp-block-column eplus-yifky2" style="flex-basis:42.5%"><!-- wp:ep/lottie {"epStylingOptions":{"backgroundResponsiveEnabled":false,"backgroundHoverEnabled":false,"borderResponsiveEnabled":false,"borderHoverEnabled":false,"borderRadiusResponsiveEnabled":false,"borderRadiusHoverEnabled":false,"sizeResponsiveEnabled":false,"alignmentResponsiveEnabled":false,"paddingResponsiveEnabled":false,"paddingHoverEnabled":false,"background":{"target":"ep_lottie_player","responsive":true,"hover":true,"options":[{"label":"Background","control":"Background","attribute":"background"}]},"border":{"target":"ep_lottie_player","responsive":true,"hover":true,"options":[{"label":"Border","control":"Border","attribute":"border"}]},"borderRadius":{"target":"ep_lottie_player","responsive":true,"hover":true,"options":[{"label":"Border Radius","control":"Dimensions","attribute":"borderRadius","css":"border-radius"}]},"size":{"target":"ep_lottie_player","responsive":true,"hover":false,"options":[{"label":"Size","control":"Range","attribute":"size","css":"width","defaults":{"desktop":"300px"}}]},"alignment":{"target":"ep_lottie_wrap","responsive":true,"hover":false,"options":[{"label":"Alignment","control":"ButtonGroup","attribute":"alignment","css":"justify-content","defaults":{"desktop":"center"},"props":{"options":[{"icon":"editor-alignleft","value":"flex-start"},{"icon":"editor-aligncenter","value":"center"},{"icon":"editor-alignright","value":"flex-end"}]}}]},"padding":{"target":"ep_lottie_player","responsive":true,"hover":true,"options":[{"label":"Padding","control":"Dimensions","attribute":"padding","css":"padding"}]},"savedStyling":".eplus_styles .ep_lottie_wrapper__2fe1f639-3af5-4d58-85c7-2c4dd2e93ffc .ep_lottie_player {\n position: relative;\n width: 100px ;\n }.eplus_styles .ep_lottie_wrapper__2fe1f639-3af5-4d58-85c7-2c4dd2e93ffc .ep_lottie_wrap {\n position: relative;\n justify-content: flex-start;\n }","clientId":"2fe1f639-3af5-4d58-85c7-2c4dd2e93ffc"},"id":"ep_lottie_wrapper__2fe1f639-3af5-4d58-85c7-2c4dd2e93ffc","sourceUrl":"https://assets5.lottiefiles.com/packages/lf20_zicqako6.json","autoplay":true,"size":{"desktop":{"value":100,"important":false,"unit":"px"},"tablet":{"value":"","important":false,"unit":"%"},"tabletModified":false,"mobile":{"value":"","important":false,"unit":"%"},"mobileModified":false,"desktopModified":true},"alignment":{"desktop":"flex-start","tablet":"","tabletModified":false,"mobile":"","mobileModified":false,"desktopModified":true},"background":{"desktop":{"solid":"","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}},"tablet":{"solid":"","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}},"tabletModified":false,"mobile":{"solid":"","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}},"mobileModified":false,"hover":{"solid":"","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}},"hoverModified":false},"border":{"desktop":{"borderTop":{},"borderRight":{},"borderLeft":{},"borderBottom":{},"borderAll":{}},"tablet":{"borderTop":{},"borderRight":{},"borderLeft":{},"borderBottom":{},"borderAll":{}},"tabletModified":false,"mobile":{"borderTop":{},"borderRight":{},"borderLeft":{},"borderBottom":{},"borderAll":{}},"mobileModified":false,"hover":{"borderTop":{},"borderRight":{},"borderLeft":{},"borderBottom":{},"borderAll":{}},"hoverModified":false},"borderRadius":{"desktop":{"value":{"top":"","right":"","bottom":"","left":""},"unit":"%","important":false},"tablet":{"value":{"top":"","right":"","bottom":"","left":""},"unit":"%","important":false},"tabletModified":false,"mobile":{"value":{"top":"","right":"","bottom":"","left":""},"unit":"%","important":false},"mobileModified":false,"hover":{"value":{"top":"","right":"","bottom":"","left":""},"unit":"%","important":false},"hoverModified":false},"padding":{"desktop":{"value":{"top":"","right":"","bottom":"","left":""},"unit":"%","important":false},"tablet":{"value":{"top":"","right":"","bottom":"","left":""},"unit":"%","important":false},"tabletModified":false,"mobile":{"value":{"top":"","right":"","bottom":"","left":""},"unit":"%","important":false},"mobileModified":false,"hover":{"value":{"top":"","right":"","bottom":"","left":""},"unit":"%","important":false},"hoverModified":false}} --> <div class="ep_lottie_wrapper__2fe1f639-3af5-4d58-85c7-2c4dd2e93ffc undefined"><div class="ep_lottie_wrap"><lottie-player src="https://assets5.lottiefiles.com/packages/lf20_zicqako6.json" class="ep_lottie_player" loop speed="1" autoplay></lottie-player></div></div><style>.eplus_styles .ep_lottie_wrapper__2fe1f639-3af5-4d58-85c7-2c4dd2e93ffc .ep_lottie_player { position: relative; width: 100px ; }.eplus_styles .ep_lottie_wrapper__2fe1f639-3af5-4d58-85c7-2c4dd2e93ffc .ep_lottie_wrap { position: relative; justify-content: flex-start; }</style> <!-- /wp:ep/lottie --> <!-- wp:heading {"className":"eplus-3llh1W","epCustomMargin":{"value":{"top":"","right":"","bottom":"","left":""},"unit":"%","important":false},"epGeneratedClass":"eplus-3llh1W","epCustomTypography":{"lineHeight":{"value":"","important":false,"unit":"px"},"fontSize":{"value":60,"important":false,"unit":"px"},"letterSpacing":{"value":"","important":false,"unit":"px"},"fontWeight":"700","textStyle":["uppercase"],"textColor":{"color":"rgba(0, 0, 0, 1)","imp":false},"underline":{"color":"","style":""},"lineThrough":{"color":"","style":""},"textAlignment":null},"epAnimationGeneratedClass":"edplus_anim-l4rWB6"} --> <h2 class="eplus-3llh1W">Big sale</h2> <!-- /wp:heading --> <!-- wp:paragraph {"className":"eplus-8li8k1","epCustomMargin":{"value":{"top":"","right":"","bottom":"","left":""},"unit":"%","important":false},"epGeneratedClass":"eplus-8li8k1","epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":"","important":false,"unit":"%"},"maxWidth":{"value":"","important":false,"unit":"%"},"maxHeight":{"value":"","important":false,"unit":"%"}},"epCustomTypography":{"lineHeight":{"value":"","important":false,"unit":"px"},"fontSize":{"value":15,"important":false,"unit":"px"},"letterSpacing":{"value":"","important":false,"unit":"px"},"fontWeight":"600","textStyle":[],"textColor":{"color":"rgba(0, 0, 0, 1)","imp":false},"underline":{"color":"","style":""},"lineThrough":{"color":"","style":""},"textAlignment":null},"epAnimationGeneratedClass":"edplus_anim-3uRgmB"} --> <p class="eplus-8li8k1">In enim justo rhoncus ut Nullam nulla eros ultricies sit Phasellus viverra nulla ut metus varius laoreet. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor. </p> <!-- /wp:paragraph --> <!-- wp:buttons {"className":"eplus-mbBNMB","epCustomMargin":{"value":{"top":"20","right":"","bottom":"","left":""},"unit":"px","important":false},"epGeneratedClass":"eplus-mbBNMB","epAnimationGeneratedClass":"edplus_anim-kT9NA3"} --> <div class="wp-block-buttons eplus-mbBNMB"><!-- wp:button {"borderRadius":0,"className":"eplus-pux7RE","epGeneratedClass":"eplus-pux7RE","epCustomBackgroundHover":{"solid":"rgba(234, 0, 0, 1)","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}},"epCustomBackgroundHoverEnabled":true,"epCustomBackgroundHoverModified":true,"epCustomBackground":{"solid":"rgba(0, 0, 0, 1)","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}},"epCustomTypography":{"lineHeight":{"value":"","important":false,"unit":"px"},"fontSize":{"value":15,"important":false,"unit":"px"},"letterSpacing":{"value":3,"important":false,"unit":"px"},"fontWeight":"700","textStyle":["uppercase"],"textColor":{"color":"","imp":false},"underline":{"color":"","style":""},"lineThrough":{"color":"","style":""},"textAlignment":null},"epAnimationGeneratedClass":"edplus_anim-pNu4ek"} --> <div class="wp-block-button eplus-pux7RE"><a class="wp-block-button__link no-border-radius">click here</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:column --> <!-- wp:column {"verticalAlignment":"center","className":"eplus-hCJDof","epGeneratedClass":"eplus-hCJDof","epAnimationGeneratedClass":"edplus_anim-aQypbX"} --> <div class="wp-block-column is-vertically-aligned-center eplus-hCJDof"><!-- wp:group {"className":"eplus-ePWslX","epGeneratedClass":"eplus-ePWslX","epCustomOtherSettings":{"hide":{"property":"","important":false},"transition":{"duration":"","delay":"","speedCurve":"ease","important":true},"zIndex":{"value":"","important":false},"overflow":{"value":"","important":false}},"epAnimationGeneratedClass":"edplus_anim-bM3UZW"} --> <div class="wp-block-group eplus-ePWslX"><div class="wp-block-group__inner-container"><!-- wp:ep/lottie {"epStylingOptions":{"backgroundResponsiveEnabled":false,"backgroundHoverEnabled":false,"borderResponsiveEnabled":false,"borderHoverEnabled":false,"borderRadiusResponsiveEnabled":false,"borderRadiusHoverEnabled":false,"sizeResponsiveEnabled":false,"alignmentResponsiveEnabled":false,"paddingResponsiveEnabled":false,"paddingHoverEnabled":false,"background":{"target":"ep_lottie_player","responsive":true,"hover":true,"options":[{"label":"Background","control":"Background","attribute":"background"}]},"border":{"target":"ep_lottie_player","responsive":true,"hover":true,"options":[{"label":"Border","control":"Border","attribute":"border"}]},"borderRadius":{"target":"ep_lottie_player","responsive":true,"hover":true,"options":[{"label":"Border Radius","control":"Dimensions","attribute":"borderRadius","css":"border-radius"}]},"size":{"target":"ep_lottie_player","responsive":true,"hover":false,"options":[{"label":"Size","control":"Range","attribute":"size","css":"width","defaults":{"desktop":"300px"}}]},"alignment":{"target":"ep_lottie_wrap","responsive":true,"hover":false,"options":[{"label":"Alignment","control":"ButtonGroup","attribute":"alignment","css":"justify-content","defaults":{"desktop":"center"},"props":{"options":[{"icon":"editor-alignleft","value":"flex-start"},{"icon":"editor-aligncenter","value":"center"},{"icon":"editor-alignright","value":"flex-end"}]}}]},"padding":{"target":"ep_lottie_player","responsive":true,"hover":true,"options":[{"label":"Padding","control":"Dimensions","attribute":"padding","css":"padding"}]},"savedStyling":".eplus_styles .ep_lottie_wrapper__d256e598-8985-4255-8254-62d1370ad924 .ep_lottie_player {\n position: relative;\n width: 500px ;\n }.eplus_styles .ep_lottie_wrapper__d256e598-8985-4255-8254-62d1370ad924 .ep_lottie_wrap {\n position: relative;\n justify-content: flex-end;\n }","clientId":"d256e598-8985-4255-8254-62d1370ad924"},"id":"ep_lottie_wrapper__d256e598-8985-4255-8254-62d1370ad924","sourceUrl":"https://assets1.lottiefiles.com/packages/lf20_UJ0jho.json","loop":false,"autoplay":true,"size":{"desktop":{"value":500,"important":false,"unit":"px"},"tablet":{"value":"","important":false,"unit":"%"},"tabletModified":false,"mobile":{"value":"","important":false,"unit":"%"},"mobileModified":false,"desktopModified":true},"alignment":{"desktop":"flex-end","tablet":"","tabletModified":false,"mobile":"","mobileModified":false,"desktopModified":true},"background":{"desktop":{"solid":"","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}},"tablet":{"solid":"","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}},"tabletModified":false,"mobile":{"solid":"","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}},"mobileModified":false,"hover":{"solid":"","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}},"hoverModified":false},"border":{"desktop":{"borderTop":{},"borderRight":{},"borderLeft":{},"borderBottom":{},"borderAll":{}},"tablet":{"borderTop":{},"borderRight":{},"borderLeft":{},"borderBottom":{},"borderAll":{}},"tabletModified":false,"mobile":{"borderTop":{},"borderRight":{},"borderLeft":{},"borderBottom":{},"borderAll":{}},"mobileModified":false,"hover":{"borderTop":{},"borderRight":{},"borderLeft":{},"borderBottom":{},"borderAll":{}},"hoverModified":false},"borderRadius":{"desktop":{"value":{"top":"","right":"","bottom":"","left":""},"unit":"%","important":false},"tablet":{"value":{"top":"","right":"","bottom":"","left":""},"unit":"%","important":false},"tabletModified":false,"mobile":{"value":{"top":"","right":"","bottom":"","left":""},"unit":"%","important":false},"mobileModified":false,"hover":{"value":{"top":"","right":"","bottom":"","left":""},"unit":"%","important":false},"hoverModified":false},"padding":{"desktop":{"value":{"top":"","right":"","bottom":"","left":""},"unit":"%","important":false},"tablet":{"value":{"top":"","right":"","bottom":"","left":""},"unit":"%","important":false},"tabletModified":false,"mobile":{"value":{"top":"","right":"","bottom":"","left":""},"unit":"%","important":false},"mobileModified":false,"hover":{"value":{"top":"","right":"","bottom":"","left":""},"unit":"%","important":false},"hoverModified":false}} --> <div class="ep_lottie_wrapper__d256e598-8985-4255-8254-62d1370ad924 undefined"><div class="ep_lottie_wrap"><lottie-player src="https://assets1.lottiefiles.com/packages/lf20_UJ0jho.json" class="ep_lottie_player" speed="1" autoplay></lottie-player></div></div><style>.eplus_styles .ep_lottie_wrapper__d256e598-8985-4255-8254-62d1370ad924 .ep_lottie_player { position: relative; width: 500px ; }.eplus_styles .ep_lottie_wrapper__d256e598-8985-4255-8254-62d1370ad924 .ep_lottie_wrap { position: relative; justify-content: flex-end; }</style> <!-- /wp:ep/lottie --></div></div> <!-- /wp:group --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div></div> <!-- /wp:group -->

Browse Template By Type

  • 🌓 Section Patterns
  • 🌕 Full Page Templates

Browse Section Patterns

  • 👉 All Section Patterns
  • 🦸‍♂️ Hero
  • 🎢 Slider
  • 📝 Testimonial
  • 👨‍👧‍👧 Team
  • 🎉 Feature
  • 💰 Pricing
  • 🃏 Card
  • 📊 Stats
  • 📄 Content
  • 🏞 Gallery
  • ❓ FAQ
  • 💠 Logos

Required Plugin(s)

Gutenberg Block Library & Toolkit – Editor Plus

How to Copy a Template

Thumbnail

Facebook Facebook Group Twitter YouTube
  • Getting Started
  • Resources
  • Blocks
  • Templates

Copyright © 2020 Gutenberg Hub - Maintained by Munir Kamal

  • Getting Started
    • User
    • Developer
  • Resources
    • User Guides
    • Plugins & Themes
      • Plugins/Addons
      • Themes
    • Developer Guides
    • Tips & Tricks
    • Code Snippets
    • Talks & Opinions
  • Blocks
  • Templates
    • Section Patterns
    • Full Page Templates