Count up

Goodkit Exclusive

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

Plugin Documentation

: :

<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>

Inview

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

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

Price

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

Keep it simple

Simple, fair pricing.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In urna lectus, mattis non accumsan in, tempor dictum neque.

Monthly
Annual
Starter

$ 19 /mo

  • 20 automations
  • 3 seats
  • API access
Get Started
Standard

$ 49 /mo

  • 100 automations
  • 10 seats
  • API access
  • Integration support
Get Started
Starter

$ 99 /mo

  • 100 automations
  • 10 seats
  • API access
  • Integration support
  • Success concierge
Get Started
<!-- Switch -->
<div class="form-check form-switch">
  <input class="form-check-input" type="checkbox" id="customSwitch1" data-toggle="prices" data-target=".price">
  <label class="form-check-label" for="customSwitch1"></label>
</div>

<!-- Price -->
<span class="price" data-min-value="19" data-max-value="29">19</span>