.png)
Note: This extension supports all block-based app development platforms like App Inventor | Thunkable | Kodular | Nitron | Makedroid | apppie and others.
FloatingCounter Extension: Floating + / − Plus-Minus Counter
Create interactive floating counters with expandable +/− buttons, 6 customizable positions, and automatic label binding for e-commerce and gamified apps.
FloatingCounter is a free Kodular/MIT App Inventor extension to create a floating counter with + and − buttons that can attach to any arrangement. It supports 6 customizable positions, color options, and label binding. Ideal for click counters, quantity selectors, or gamified apps.
.png)
Support me: If you love this free extension, consider supporting development: PayPal Donations (Any amount appreciated) ❤️
Key Features
Floating Icon
Initial touch icon expands to + and − buttons when clicked, creating interactive experience
+ / − Buttons
Increment or decrement the count with intuitive button controls and smooth animations
No Negative Values
Counter automatically prevents going below 0, ensuring valid positive counts only
6 Positions
TopLeft, TopRight, CenterLeft, CenterRight, BottomLeft, BottomRight positioning options
Custom Colors
Background and icon colors fully configurable to match your app's theme
Label Binding
Automatically updates connected label with current count in real-time
How to Use
Add to Project
Import the .aix file via Kodular's Extensions tab and drag FloatingCounter component into your screen
Attach to Arrangement
Use AttachTo block with any arrangement (Horizontal, Vertical, or ScrollArrangement)
Bind Label
Connect a label using AttachLabel to automatically display and update the current count
Customize Appearance
Set position, colors, and initial value through designer properties or blocks
Blocks Preview
FloatingCounter extension blocks for initialization and configuration
Demo Video
Watch FloatingCounter in action with expandable buttons, position changes, and real-time counting demonstrated
Download & Installation
FloatingCounter v1
Size: 12.9 KB
File: FloatingCounter.aix
Features: Floating icon, +/− buttons, 6 positions, label binding, color customization
Installation Guide
Step 1: Import
Import the .aix file via Kodular's Extensions tab in your project
Step 2: Add Component
Drag the FloatingCounter component into your screen from the palette
Step 3: Attach
Use AttachTo block with any arrangement to position the floating counter
Step 4: Configure
Set position, colors, attach label, and customize through designer properties
Use Cases
E-commerce / Cart
Adjust item quantities in shopping carts with intuitive +/− controls
Games / Score Tracking
Increment or decrement scores in games and interactive applications
Interactive UI
Counters, likes, votes, or any interactive counting interface elements
Educational Apps
Quiz scoring, activity counters, or learning progress tracking
Support This Project
This extension is completely free to use. If you find it helpful for your projects, consider supporting the development with a donation. Your support helps create more free extensions and maintain existing ones!
Any amount is appreciated and helps fuel more free extensions! ❤️