[Paid] TextBoxStyler Extension: Customizable TextBox Styles with Animations

extension Extension #3

Note: This extension supports all block-based app development platforms like App Inventor | Thunkable | Kodular | Nitron | Makedroid | apppie and others.

TextBoxStyler Extension

Enhance TextBox components with 14 unique styles, animations, and customizable properties for stunning form interfaces.

calendar_today Released: September 12, 2025

attach_money Price: $5 USD or INR 500/-

storage Size: ~24 KB

TextBoxStyler is a premium Kodular/MIT App Inventor extension designed to enhance TextBox components with 14 unique styles, including SquareOutline, GradientBackground, DottedRunning, and more. It offers customizable properties like colors, corner radius, outline styles, and card-like elevation with dynamic animations.

menu_book View Documentation

featured_play_list Key Features

format_shapes 14 Unique Styles

SquareOutline, RoundOutline, GradientBackground, BorderGlow, DashedBorder, GlassMorphism, ShadowBox, DottedRunning, MultiColorOutline, OutlineGlow, 3DInset, 3DRaised, PulseOutline, PixelOutline

palette Customizable Properties

Background color, border color, text color, hint color, secondary color, outline width, corner radius, outline style (Solid, Dashed, Dotted), card elevation

animation Dynamic Animations

Animated styles like DottedRunning (moving dots), MultiColorOutline (cycling colors), and PulseOutline (pulsing border)

bug_report Error Handling

Logs errors to a Label or Logcat for easy debugging with robust error handling system

code How to Use

add_box Add to Project

Import the .aix file via Kodular's Extensions tab and drag the TextBoxStyler component into your screen

settings Set Error Label

Use SetErrorLabel block with Label component for optional error logging and debugging

play_arrow Apply Styles

Use ApplyStyleByNumberOnInitialize for single TextBox or ApplyStyleToList for multiple TextBoxes with style numbers 1-14

design_services Designer Properties

Configure BackgroundColor, BorderColor, CornerRadius, OutlineStyle, IsCard, and DefaultStyle in designer

play_circle Demo Video

Watch TextBoxStyler in action with all 14 styles and animations demonstrated

play_arrow Watch on YouTube

paid Purchase Information

attach_money TextBoxStyler v1

Price: $5 USD or INR 500/-

Includes: Lifetime access to the extension

File: TextBoxStyler.aix (23.3 KB)

shopping_cart How to Purchase

telegram Contact on Telegram email Send DM

Username & password provided upon purchase for file access

get_app Installation Guide

extension Step 1: Import Extension

Import the .aix file via Kodular's Extensions tab in your project

add_circle Step 2: Add Component

Drag the TextBoxStyler component into your screen from the palette

vpn_key Step 3: Authentication

Provide username & password received upon purchase for activation

tune Step 4: Configure

Set properties in designer or use blocks to apply styles to TextBoxes

apps Use Cases

description Form Design

Create stylish input fields for user registration, login, and data entry forms

school Educational Apps

Enhance text entry for quizzes, note-taking apps, and learning interfaces

brush UI Customization

Add animated or 3D effects to TextBoxes for modern, engaging interfaces

palette Themed Apps

Match TextBox styles to your app's theme with custom colors and stroke styles

Feedback: Try TextBoxStyler and share your feedback or suggestions below! Your support fuels the development of more premium extensions.

Changelog

v1 (Sep 2025): Initial release with 14 styles, customizable properties (BackgroundColor, BorderColor, TextColor, HintColor, SecondaryColor, OutlineWidth, CornerRadius, OutlineStyle, IsCard, DefaultStyle), dynamic animations, error handling, and blocks for single/list TextBox styling.