Counter

<!-- wp:paragraph -->
<p>Use it for any dynamic counters. </p>
<!-- /wp:paragraph -->

<!-- wp:greenshift-blocks/row {"id":"gsbp-9a9fd0e1-fcf7","rowLayout":"3","displayStyles":false,"spacing":{"margin":{"values":{"bottom":[60]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}}} -->
<div id="gspb_row-id-gsbp-9a9fd0e1-fcf7" class="gspb_row gspb_row-id-gsbp-9a9fd0e1-fcf7 wp-block-greenshift-blocks-row gspb_row-id-gsbp-9a9fd0e1-fcf7"><div class="gspb_row__content"> <!-- wp:greenshift-blocks/row-column {"id":"gsbp-b9114a42-dd4b","columnSize":"4"} -->
<div id="gspb_col-id-gsbp-b9114a42-dd4b" class="gspb_row__col--4 wp-block-greenshift-blocks-row-column  gspb_col-id-gsbp-b9114a42-dd4b"><!-- wp:greenshift-blocks/counter {"id":"gsbp-0e7f8942-7a5e","duration":3,"textColor":"#2184f9","label":"Satisfied Users"} -->
<div class="wp-block-greenshift-blocks-counter gs-counterwrap gspb_counter-id-gsbp-0e7f8942-7a5e"><div class="gs-counterdiv"><div class="gs-counter" data-start="0" data-end="1000" data-duration="3">0</div><div class="gs-counterlabel">Satisfied Users</div></div></div>
<!-- /wp:greenshift-blocks/counter --></div>
<!-- /wp:greenshift-blocks/row-column -->

<!-- wp:greenshift-blocks/row-column {"id":"gsbp-25baf49d-15b6","columnSize":"4"} -->
<div id="gspb_col-id-gsbp-25baf49d-15b6" class="gspb_row__col--4 wp-block-greenshift-blocks-row-column  gspb_col-id-gsbp-25baf49d-15b6"><!-- wp:greenshift-blocks/counter {"id":"gsbp-db79a20c-bf96","end":500,"textColor":"#ffd800","label":"Users Online"} -->
<div class="wp-block-greenshift-blocks-counter gs-counterwrap gspb_counter-id-gsbp-db79a20c-bf96"><div class="gs-counterdiv"><div class="gs-counter" data-start="0" data-end="500" data-duration="2">0</div><div class="gs-counterlabel">Users Online</div></div></div>
<!-- /wp:greenshift-blocks/counter --></div>
<!-- /wp:greenshift-blocks/row-column -->

<!-- wp:greenshift-blocks/row-column {"id":"gsbp-feed2868-1dc3","columnSize":"4"} -->
<div id="gspb_col-id-gsbp-feed2868-1dc3" class="gspb_row__col--4 wp-block-greenshift-blocks-row-column  gspb_col-id-gsbp-feed2868-1dc3"><!-- wp:greenshift-blocks/counter {"id":"gsbp-6e53881a-ee41","end":333,"duration":2.4,"textColor":"#7000f4","label":"Comments per day"} -->
<div class="wp-block-greenshift-blocks-counter gs-counterwrap gspb_counter-id-gsbp-6e53881a-ee41"><div class="gs-counterdiv"><div class="gs-counter" data-start="0" data-end="333" data-duration="2.4">0</div><div class="gs-counterlabel">Comments per day</div></div></div>
<!-- /wp:greenshift-blocks/counter --></div>
<!-- /wp:greenshift-blocks/row-column --> </div></div>
<!-- /wp:greenshift-blocks/row -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Here is also example of block with background</p>
<!-- /wp:paragraph -->

<!-- wp:greenshift-blocks/counter {"id":"gsbp-dbf6a68d-a35b","spacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{"bottom":[10]},"unit":["px","px","px","px"],"locked":false}},"background":{"backgroundState":"Gradient","gradient":"linear-gradient(to top right,var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002dsecondary) 0%,var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002dprimary) 100%)"},"textColor":"#ffffff","labelColor":"#e4e4e4"} -->
<div class="wp-block-greenshift-blocks-counter gs-counterwrap gspb_counter-id-gsbp-dbf6a68d-a35b"><div class="gs-counterdiv"><div class="gs-counter" data-start="0" data-end="1000" data-duration="2">0</div><div class="gs-counterlabel">Users</div></div></div>
<!-- /wp:greenshift-blocks/counter -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">You can also make it as circle</p>
<!-- /wp:paragraph -->

<!-- wp:greenshift-blocks/counter {"id":"gsbp-3bdbf9cd-19d0","background":{"backgroundState":"Gradient","gradient":"linear-gradient(to bottom right,var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002dbutton) 0%,var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002daccent) 100%)"},"end":10,"duration":3,"borderRadius":100,"textColor":"#ffffff","label":"","width":[110,null,null,null],"height":[110,null,null,null],"fontSize":[66,null,null,null]} -->
<div class="wp-block-greenshift-blocks-counter gs-counterwrap gspb_counter-id-gsbp-3bdbf9cd-19d0"><div class="gs-counterdiv"><div class="gs-counter" data-start="0" data-end="10" data-duration="3">0</div></div></div>
<!-- /wp:greenshift-blocks/counter -->

<!-- wp:greenshift-blocks/infobox {"id":"gsbp-bc0d4833-a4f0"} -->
<div id="gspb_infoBox-id-gsbp-bc0d4833-a4f0" class="gspb_infoBox gspb_infoBox-id-gsbp-bc0d4833-a4f0 wp-block-greenshift-blocks-infobox"><div class="gs-box info_type icon_type"><div class="gs-box-icon"><svg x="0px" y="0px" viewBox="0 0 512 512"> <g><g> <path d="M256,0C114.497,0,0,114.507,0,256c0,141.503,114.507,256,256,256c141.503,0,256-114.507,256-256 C512,114.497,397.492,0,256,0z M256,472c-119.393,0-216-96.615-216-216c0-119.393,96.615-216,216-216 c119.393,0,216,96.615,216,216C472,375.393,375.384,472,256,472z"></path> </g> </g> <g> <g> <path d="M256,214.33c-11.046,0-20,8.954-20,20v128.793c0,11.046,8.954,20,20,20s20-8.955,20-20.001V234.33 C276,223.284,267.046,214.33,256,214.33z"></path> </g> </g> <g> <g> <circle cx="256" cy="162.84" r="27"></circle> </g> </g> </svg></div><div class="gs-box-text"><!-- wp:paragraph -->
<p>This block has also Dynamic field option (requires Query Addon)</p>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:greenshift-blocks/infobox -->