DEV Community: Akshay

I built a Modern Android Toast Library that works properly on Android 11+ (with icons, colors & Version Catalog support)

Akshay — Tue, 28 Apr 2026 11:41:55 +0000

🚀 I built a Modern Android Toast Library that works properly on Android 11+ (with icons, colors & Version Catalog support)

Android’s default Toast customization stopped working reliably after Android 11 (API 30).
Setting background colors directly on Toast views is now restricted — which makes many old solutions break.

So I built a lightweight modern alternative:

👉 Toast Library

It provides:

✅ Success / Error / Info / Default variants
🎨 Colored rounded backgrounds
🧩 Built-in vector icons
📍 Gravity control (TOP / CENTER / BOTTOM)
📦 JitPack installation
🧰 Version Catalog support (latest Android Studio)
⚡ Lightweight & dependency-free

📦 Installation (JitPack)

Step 1 — Add JitPack repository

Inside settings.gradle.kts

pluginManagement {
    repositories {
        google()
        mavenCentral()
        maven("https://jitpack.io")
    }
}

dependencyResolutionManagement {
    repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)

    repositories {
        google()
        mavenCentral()
        maven("https://jitpack.io")
    }
}

⭐ Recommended: Version Catalog setup (Latest Android Studio)

Inside:

gradle/libs.versions.toml

Add:

[versions]
toastlib = "v2.0.0"

[libraries]
toastlib = { module = "com.github.TutorialsAndroid:Toast-Library", version.ref = "toastlib" }

Then inside:

app/build.gradle.kts

dependencies {
    implementation(libs.toastlib)
}

Alternative: Direct dependency

dependencies {
    implementation("com.github.TutorialsAndroid:Toast-Library:v2.0.0")
}

🚀 Usage Examples

Success Toast

ToastLib.success(this, "Saved successfully");

Error Toast

ToastLib.error(this, "Something went wrong");

Info Toast

ToastLib.info(this, "Welcome back!");

Default Toast

ToastLib.show(this, "Default toast");

📍 Custom Position Example

ToastLib.show(
        this,
        "Top message",
        ToastLib.ToastType.INFO,
        Gravity.TOP
);

📱 Why this library exists

Older approaches:

toast.getView().setBackgroundColor(...)

no longer work consistently on modern Android versions.

This library solves that using:

✔ custom layouts
✔ vector icons
✔ Material-style backgrounds
✔ Android 11+ compatibility

📦 GitHub Repo

⭐ Check it out here:

https://github.com/TutorialsAndroid/Toast-Library

Feedback and contributions welcome!

🛣 Roadmap

Next updates coming soon:

✨ toast animations
✨ builder pattern API
✨ dark mode support
✨ custom icon support

If this helps your Android projects, consider giving the repo a ⭐

Introducing KAlert.js — A lightweight animated alert dialog library for JavaScript

Akshay — Tue, 28 Apr 2026 07:41:27 +0000

Introducing KAlert.js — A Lightweight Modern Alert Dialog Library for JavaScript 🚀

While working on my frontend projects, I often needed a clean and modern alternative to the default browser alert dialogs.

The native browser alert:

alert("Hello world");

is functional, but it looks outdated and isn't customizable.

So I built KAlert.js — a lightweight, animated, Promise-based alert dialog library that works instantly via CDN with zero setup required.

✨ Features

KAlert.js provides:

✅ Animated modal dialogs
✅ Promise-based confirm dialogs
✅ Font Awesome icon support (auto-loaded)
✅ Blur background overlay
✅ Success / error / warning / info alert types
✅ Zero dependencies
✅ CDN-ready usage
✅ Lightweight and fast

📦 Install via CDN (No setup required)

Just include one script:

<script src="https://cdn.jsdelivr.net/gh/TutorialsAndroid/KAlert@v1.1.1/kalertdialog.js"></script>

That’s it.

No configuration needed.

🚀 Basic Usage Example

Show a success alert:

KAlert.show("Saved successfully!", "success");

Other supported alert types:

success
error
warning
info

Example:

KAlert.show("Something went wrong!", "error");

✅ Confirm Dialog Example (Promise-Based)

Unlike traditional confirm dialogs, KAlert uses a modern Promise API:

KAlert.confirm("Delete this file?")
.then(result => {

if(result){
console.log("User confirmed");
}else{
console.log("User cancelled");
}

});

This makes it easier to integrate into modern JavaScript workflows.

🎨 Alert Types Available

KAlert currently supports:

🟢 success
🔴 error
🟡 warning
🔵 info

Each alert includes animated UI and Font Awesome icons automatically.

💡 Why I Built This Library

Many alert dialog libraries are powerful but often:

• too large
• require configuration
• need multiple imports
• depend on frameworks

KAlert.js focuses on simplicity:

One script.
Instant usage.
Clean UI.

🧪 Live Example

KAlert.show("Welcome to KAlert!", "info");

KAlert.confirm("Continue?")
.then(result => console.log(result));

📂 GitHub Repository

You can check out the project here:

https://github.com/TutorialsAndroid/KAlert

Feedback, suggestions, and contributions are welcome!

🛠 Roadmap

Planned features for upcoming versions:

• custom dialog titles
• input prompt dialogs
• dark mode support
• theme customization
• button text customization

If you’re building frontend projects and want a clean alert dialog alternative without extra setup, give KAlert.js a try.

I’d love to hear your feedback 🙂