Tap Count logo

Tap Count

Published September 2025
   •    Updated March 2026

Plugin details

You can hire us for custom plugin development at No-Code Venture
This plugin adds a tappable, circular counter button to your Bubble mobile app. Each tap increments the count and triggers a custom event.

Perfect for:

- Like buttons  
- Game counters  
- Habit tracking  

🔧 Features:

- Circular button that increments count on tap  
- Customizable size, color, and tap color  
- Optional label or dynamic counter display  
- Auto-disable at max value (optional)  
- Integrates with Bubble’s font settings (size, family, bold, italic, etc.)  
- Disables via prop or logic  
- Triggers tapped event and updates count state  

🧬 Exposed States:  
count – current tap count  

⚡ Events:  
tapped – triggered on each tap (unless disabled)

$6

One time

stars   •   0 ratings
0 installs  
This plugin does not collect or track your personal data.

Platform

Native mobile

Contributor details

No-Code Venture logo
No-Code Venture
Joined 2017   •   214 Plugins
View contributor profile

Instructions

Install the element and start tapping!
Editor: https://bubble.io/page?id=ncv-react-plugins-3&tab=Design&name=tap&type=page&elements=bTLgJ

Demo: https://ncv-react-plugins-3.bubbleapps.io/version-test/api/1.1/mobile/preview?debug_mode=true&preview_view=tap

1️⃣ Add the element to your page

Open your Bubble mobile page editor.

Drag the Tap Counter (Circle) element onto your screen.

2️⃣ Configure the properties

You can customize everything about the button:

Property Description
startValue Starting number (default: 0)
maxValue Optional max count – disables counter when reached
buttonLabel Optional static label to show instead of the number
circleSize Size of the circle in pixels (default: 80)
circleColor Button color in default state
circleTapColor Button color while pressing
disabledColor Button color when disabled
disabled Manually disable the button (yes/no)
countFontSize Font size of the count or label (default: 16)
countFontColor Font color (default: #ffffff)
countFontWeight Font weight (normal, bold, etc.)
font_face From Bubble UI – controls font family (e.g., Roboto)

📌 The font family is pulled from the Bubble element’s font_face.
📌 Font size, color, and weight are controlled via plugin properties.

Types

This plugin can be found under the following types:
Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:

Resources

Support contact
Documentation

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble
TOMORROW: Just Shipped Livestream with Bubble co-founders Josh and Emmanuel. Join for a demo session of Bubble’s  latest product releases
RSVP HERE