Count up

Landkit only

Dependency-free, lightweight JavaScript class that can be used to quickly create animations that display numerical data in a more interesting way.

Plugin documentation

: : 

<h1>
  <span data-countup='{"startVal": 0}' data-to="17"></span>:
  <span data-countup='{"startVal": 0}' data-to="56"></span>:
  <span data-countup='{"startVal": 0}' data-to="59"></span>
</h1>

Inview

Combine CountUp.js with AOS to start the animation when an element becomes visible. 

<h1 data-countup='{"startVal": 0}' data-to="256" data-aos data-aos-id="countup:in"></h1>

Pricing

Combined wuth CountUp.js, the pricing component helps you toggle between two pricing options with a custom switch.

Fair, simple pricing for all.

All types of businesses need access to development resources, so we give you the option to decide how much you need to use.

Annual
Monthly
Standard
$ 29 /mo

per seat

Rich, responsive landing pages

100+ styled components

Flexible, simple license

Speedy build tooling

6 months free support included

Get it now 
<!-- Switch -->
<div class="form-check form-switch">
  <input type="checkbox" class="form-check-input" id="billingSwitch" data-toggle="price" data-target=".price">
  <label class="form-check-label" for="billingSwitch"></label>
</div>

<!-- Price -->
<div class="price" data-annual="29" data-monthly="49">29</div>
Jump to