diff --git a/android/app/build.gradle b/android/app/build.gradle
index 357625727..2dd697dbd 100644
--- a/android/app/build.gradle
+++ b/android/app/build.gradle
@@ -69,6 +69,9 @@ android {
             signingConfig = signingConfigs.release
         }
     }
+    buildFeatures {
+        viewBinding true
+    }
 }
 
 flutter {
diff --git a/android/app/src/main/AndroidManifest.xml b/android/app/src/main/AndroidManifest.xml
index 878c83b9c..cdc0b38cc 100644
--- a/android/app/src/main/AndroidManifest.xml
+++ b/android/app/src/main/AndroidManifest.xml
@@ -72,6 +72,18 @@
                 <action android:name="android.intent.action.MEDIA_BUTTON" />
             </intent-filter>
         </receiver>
+
+        <receiver
+            android:name=".MusicPlayerAppWidget"
+            android:exported="true">
+            <intent-filter>
+                <action android:name="android.appwidget.action.APPWIDGET_UPDATE" />
+            </intent-filter>
+
+            <meta-data
+                android:name="android.appwidget.provider"
+                android:resource="@xml/music_player_info" />
+        </receiver>
     </application>
     <!-- Required to query activities that can process text, see:
          https://developer.android.com/training/package-visibility and
diff --git a/android/app/src/main/kotlin/com/nt4f04und/sweyer/MusicPlayerAppWidget.kt b/android/app/src/main/kotlin/com/nt4f04und/sweyer/MusicPlayerAppWidget.kt
new file mode 100644
index 000000000..552069007
--- /dev/null
+++ b/android/app/src/main/kotlin/com/nt4f04und/sweyer/MusicPlayerAppWidget.kt
@@ -0,0 +1,315 @@
+package com.nt4f04und.sweyer
+
+import android.app.PendingIntent
+import android.appwidget.AppWidgetManager
+import android.appwidget.AppWidgetProviderInfo
+import android.content.Context
+import android.content.Intent
+import android.content.SharedPreferences
+import android.content.res.Configuration
+import android.content.res.Resources
+import android.graphics.*
+import android.net.Uri
+import android.os.Build
+import android.os.Bundle
+import android.os.CancellationSignal
+import android.os.OperationCanceledException
+import android.util.Log
+import android.util.Size
+import android.util.TypedValue
+import android.view.KeyEvent
+import android.view.View.GONE
+import android.view.View.VISIBLE
+import android.widget.RemoteViews
+import es.antonborri.home_widget.*
+import java.io.IOException
+import java.net.URISyntaxException
+import java.util.concurrent.Executors
+import kotlin.math.max
+import kotlin.math.roundToInt
+import com.nt4f04und.sweyer.sweyer_plugin.Constants
+
+/**
+ * Sweyer music App Widget.
+ * The widget is freely resizable and has a playback control button bar at the bottom.
+ * Depending on the horizontal size available, there is eiter just a play/pause button,
+ * a play/pause and skip button, or a play/pause, skip and previous button.
+ * The background is the current song cover if available. The edges of the widget are rounded.
+ */
+class MusicPlayerAppWidget : HomeWidgetProvider() {
+    override fun onUpdate(
+        context: Context, appWidgetManager: AppWidgetManager, appWidgetIds: IntArray, widgetData: SharedPreferences
+    ) = updateWidgets(context, WidgetInfoProvider(context, appWidgetManager, appWidgetIds), widgetData)
+
+    override fun onAppWidgetOptionsChanged(
+        context: Context?, appWidgetManager: AppWidgetManager?, appWidgetId: Int, newOptions: Bundle?
+    ) {
+        super.onAppWidgetOptionsChanged(context, appWidgetManager, appWidgetId, newOptions)
+        if (context == null || appWidgetManager == null) {
+            return
+        }
+        updateWidgets(
+            context,
+            WidgetInfoProvider(context, appWidgetManager, intArrayOf(appWidgetId), newOptions),
+            HomeWidgetPlugin.getData(context),
+        )
+    }
+
+    /**
+     * Update all widgets for the current playback state and their widget size.
+     * [widgetData] contains the current play state and currently playing song.
+     */
+    private fun updateWidgets(context: Context, widgetInfoProvider: WidgetInfoProvider, widgetData: SharedPreferences) {
+        val playing = widgetData.getBoolean("playing", false)
+        val songUri = try {
+            widgetData.getString("song", null)?.let { uri -> Uri.parse(uri) }
+        } catch (ignored: URISyntaxException) {
+            null
+        }
+        if (songUri == null || Build.VERSION.SDK_INT < Build.VERSION_CODES.Q) {
+            widgetInfoProvider.updateAll { size ->
+                buildUi(context, size, playing)
+            }
+            return
+        }
+        val signal = CancellationSignal()
+        Executors.newSingleThreadExecutor().execute {
+            val bitmap = try {
+                context.contentResolver.loadThumbnail(songUri, widgetInfoProvider.maxSize.square(), signal)
+            } catch (ignored: OperationCanceledException) {
+                null
+            } catch (error: IOException) {
+                Log.w(Constants.LogTag, "Song thumbnail load failed for $songUri", error)
+                null
+            }
+            widgetInfoProvider.updateAll { size ->
+                buildUi(context, size, playing, bitmap)
+            }
+        }
+    }
+
+    /**
+     * Build the UI of an app widget instance for the given [size] and [playing] state.
+     * If available, use the [songArt] as a background image.
+     */
+    private fun buildUi(
+        context: Context,
+        size: Size,
+        playing: Boolean,
+        songArt: Bitmap? = null,
+    ): RemoteViews {
+        return RemoteViews(context.packageName, R.layout.music_player_widget).apply {
+            // Open App on Widget Click
+            val pendingIntent = HomeWidgetLaunchIntent.getActivity(context, MainActivity::class.java)
+            setOnClickPendingIntent(android.R.id.background, pendingIntent)
+            setOnClickPendingIntent(
+                R.id.music_player_widget_play_pause_button, AudioServiceBackgroundIntent.getPlayPause(context)
+            )
+            setOnClickPendingIntent(
+                R.id.music_player_widget_previous_button, AudioServiceBackgroundIntent.getPrevious(context)
+            )
+            setOnClickPendingIntent(
+                R.id.music_player_widget_skip_next_button, AudioServiceBackgroundIntent.getNext(context)
+            )
+            if (songArt != null) {
+                setImageViewBitmap(
+                    R.id.music_player_widget_song_art,
+                    // On Android versions since S the system rounds the corners for us.
+                    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) songArt else createRoundedBitmap(
+                        songArt, size, context.resources.getDimension(R.dimen.appWidgetBackgroundRadius)
+                    )
+                )
+                setViewVisibility(R.id.music_player_widget_song_art, VISIBLE)
+                setViewVisibility(R.id.music_player_widget_no_song_art, GONE)
+            } else {
+                setViewVisibility(R.id.music_player_widget_song_art, GONE)
+                setViewVisibility(R.id.music_player_widget_no_song_art, VISIBLE)
+            }
+            val imageButtonWidth = context.resources.getDimension(R.dimen.musicPlayerWidgetButtonSize)
+            setViewVisibility(
+                R.id.music_player_widget_previous_button, if (size.width < imageButtonWidth * 3) GONE else VISIBLE
+            )
+            setViewVisibility(
+                R.id.music_player_widget_skip_next_button, if (size.width < imageButtonWidth * 2) GONE else VISIBLE
+            )
+            setViewVisibility(
+                R.id.music_player_widget_play_pause_button, if (size.width < imageButtonWidth) GONE else VISIBLE
+            )
+            setImageViewResource(
+                R.id.music_player_widget_play_pause_button,
+                if (playing) R.drawable.round_pause else R.drawable.round_play_arrow
+            )
+        }
+    }
+
+    /**
+     * Convert the given [bitmap] into a bitmap of the given [size] with rounded corners with the given [cornerRadius].
+     */
+    private fun createRoundedBitmap(bitmap: Bitmap, size: Size, cornerRadius: Float): Bitmap {
+        val scaleFactor = max(size.width / bitmap.width.toDouble(), size.height / bitmap.height.toDouble())
+        val matrix = Matrix()
+        matrix.setScale(scaleFactor.toFloat(), scaleFactor.toFloat())
+        val xOffset = ((bitmap.width - (size.width / scaleFactor)) / 2.0).roundToInt()
+        val yOffset = ((bitmap.height - (size.height / scaleFactor)) / 2.0).roundToInt()
+        val scaledBitmap = Bitmap.createBitmap(
+            bitmap,
+            xOffset,
+            yOffset,
+            (size.width / scaleFactor).roundToInt(),
+            (size.height / scaleFactor).roundToInt(),
+            matrix,
+            true
+        )
+        val imageRounded = Bitmap.createBitmap(size.width, size.height, bitmap.config)
+        val canvas = Canvas(imageRounded)
+        val paint = Paint()
+        paint.isAntiAlias = true
+        paint.shader = BitmapShader(scaledBitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP)
+        canvas.drawRoundRect(
+            RectF(0f, 0f, size.width.toFloat(), size.height.toFloat()), cornerRadius, cornerRadius, paint
+        )
+        return imageRounded
+    }
+}
+
+/**
+ * Utility class for calculating and updating sizing information for the app widgets.
+ */
+internal class WidgetInfoProvider(
+    private val context: Context,
+    private val appWidgetManager: AppWidgetManager,
+    private val appWidgetIds: IntArray,
+    newOptions: Bundle? = null
+) {
+    /**
+     * The [sizes] of all instances of this app widget on the home screen, as well as the [max] size.
+     */
+    class SizeInfo(val sizes: Array<Size>, val max: Size)
+
+    /**
+     * Information about the sizes of all instances of this widget on the home screen.
+     */
+    private val sizeInfo = calculateSizes(newOptions)
+
+    /**
+     * The maximum size of all instances of this widget on the home screen.
+     */
+    val maxSize = sizeInfo.max
+
+    /*
+     * Calculate size information of all instances of the widget on the home screen,
+     * using the [newOptions] if available.
+     */
+    private fun calculateSizes(newOptions: Bundle? = null): SizeInfo {
+        var maxWidth = 0
+        var maxHeight = 0
+        val isPortraitOrientation = context.resources.configuration.orientation == Configuration.ORIENTATION_PORTRAIT
+        val sizes = appWidgetIds.map { appWidgetId ->
+            val width: Int
+            val height: Int
+
+            // Get current dimensions (in DIP, scaled by DisplayMetrics) of this
+            // Widget, if API Level allows to
+            val mAppWidgetOptions = newOptions ?: appWidgetManager.getAppWidgetOptions(appWidgetId)
+            if (mAppWidgetOptions != null && mAppWidgetOptions.getInt(AppWidgetManager.OPTION_APPWIDGET_MIN_WIDTH) > 0) {
+                if (isPortraitOrientation) { // Depends on the home-screen orientation
+                    width = mAppWidgetOptions.getInt(AppWidgetManager.OPTION_APPWIDGET_MIN_WIDTH).dipToPixels()
+                    height = mAppWidgetOptions.getInt(AppWidgetManager.OPTION_APPWIDGET_MAX_HEIGHT).dipToPixels()
+                } else {
+                    width = mAppWidgetOptions.getInt(AppWidgetManager.OPTION_APPWIDGET_MAX_WIDTH).dipToPixels()
+                    height = mAppWidgetOptions.getInt(AppWidgetManager.OPTION_APPWIDGET_MIN_HEIGHT).dipToPixels()
+                }
+            } else {
+                // Get min dimensions from provider info
+                val providerInfo: AppWidgetProviderInfo? = appWidgetManager.getAppWidgetInfo(appWidgetId)
+                if (providerInfo == null) {
+                    val displayMetrics = Resources.getSystem().displayMetrics
+                    width = displayMetrics.widthPixels
+                    height = displayMetrics.heightPixels
+                } else {
+                    width = providerInfo.minWidth.dipToPixels()
+                    height = providerInfo.minHeight.dipToPixels()
+                }
+            }
+            if (maxWidth < width) {
+                maxWidth = width
+            }
+            if (maxHeight < height) {
+                maxHeight = height
+            }
+            Size(width, height)
+        }.toTypedArray()
+        return SizeInfo(sizes, Size(maxWidth, maxHeight))
+    }
+
+    /**
+     * Update the appearance of each app widget by calling the [builder] with the size of the corresponding widget.
+     */
+    fun updateAll(builder: (Size) -> RemoteViews) {
+        for ((appWidgetId, size) in appWidgetIds.zip(sizeInfo.sizes)) {
+            appWidgetManager.updateAppWidget(appWidgetId, builder(size))
+        }
+    }
+}
+
+/**
+ * Utility to build background intents to interact with the AudioService from the widget.
+ */
+object AudioServiceBackgroundIntent {
+    /**
+     * Build a pending intent for the given [context] emulating a key-press of the given [keyEvent] to the AudioService.
+     */
+    private fun getIntent(context: Context, keyEvent: KeyEvent): PendingIntent {
+        val intent = Intent(context, com.ryanheise.audioservice.MediaButtonReceiver::class.java)
+        intent.action = Intent.ACTION_MEDIA_BUTTON
+        intent.putExtra(Intent.EXTRA_KEY_EVENT, keyEvent)
+        var flags = PendingIntent.FLAG_UPDATE_CURRENT
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
+            flags = flags or PendingIntent.FLAG_IMMUTABLE
+        }
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
+            intent.identifier = keyEvent.toString()
+        } else {
+            intent.type = keyEvent.toString()
+        }
+        return PendingIntent.getBroadcast(context, 0, intent, flags)
+    }
+
+    /**
+     * Create an intent that emulates pressing the media play/pause button.
+     */
+    fun getPlayPause(context: Context): PendingIntent =
+        getIntent(context, KeyEvent(KeyEvent.ACTION_DOWN, KeyEvent.KEYCODE_MEDIA_PLAY_PAUSE))
+
+    /**
+     * Create an intent that emulates pressing the media next button.
+     */
+    fun getNext(context: Context): PendingIntent =
+        getIntent(context, KeyEvent(KeyEvent.ACTION_DOWN, KeyEvent.KEYCODE_MEDIA_NEXT))
+
+    /**
+     * Create an intent that emulates pressing the media previous button.
+     */
+    fun getPrevious(context: Context): PendingIntent =
+        getIntent(context, KeyEvent(KeyEvent.ACTION_DOWN, KeyEvent.KEYCODE_MEDIA_PREVIOUS))
+}
+
+/**
+ * Convert a float DPI value to pixels.
+ */
+internal fun Float.dipToPixels() = TypedValue.applyDimension(
+    TypedValue.COMPLEX_UNIT_DIP, this, Resources.getSystem().displayMetrics
+)
+
+/**
+ * Convert an integer DPI value to rounded pixels.
+ */
+internal fun Int.dipToPixels() = toFloat().dipToPixels().roundToInt()
+
+/**
+ * Get a size with equal length sides from the maximum side length of this Size.
+ */
+internal fun Size.square(): Size {
+    val maxSize = max(width, height)
+    return Size(maxSize, maxSize)
+}
diff --git a/android/app/src/main/res/drawable-nodpi/music_player_widget_preview.png b/android/app/src/main/res/drawable-nodpi/music_player_widget_preview.png
new file mode 100644
index 000000000..2aed8572e
Binary files /dev/null and b/android/app/src/main/res/drawable-nodpi/music_player_widget_preview.png differ
diff --git a/android/app/src/main/res/drawable/music_player_widget_background.xml b/android/app/src/main/res/drawable/music_player_widget_background.xml
new file mode 100644
index 000000000..538afffed
--- /dev/null
+++ b/android/app/src/main/res/drawable/music_player_widget_background.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
+    <solid android:color="@color/main"/>
+    <corners android:radius="@dimen/appWidgetBackgroundRadius"/>
+</shape>
\ No newline at end of file
diff --git a/android/app/src/main/res/drawable/music_player_widget_button_bar_background.xml b/android/app/src/main/res/drawable/music_player_widget_button_bar_background.xml
new file mode 100644
index 000000000..e30fe914b
--- /dev/null
+++ b/android/app/src/main/res/drawable/music_player_widget_button_bar_background.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
+    <solid android:color="@color/widget_button_bar_background"/>
+    <corners android:radius="@dimen/appWidgetInnerRadius"/>
+</shape>
\ No newline at end of file
diff --git a/android/app/src/main/res/layout/music_player_widget.xml b/android/app/src/main/res/layout/music_player_widget.xml
new file mode 100644
index 000000000..64068cd61
--- /dev/null
+++ b/android/app/src/main/res/layout/music_player_widget.xml
@@ -0,0 +1,69 @@
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    style="@style/Widget.Android.AppWidget.Container"
+    android:theme="@style/Theme.Android.AppWidgetContainer"
+    android:id="@android:id/background"
+    android:background="@drawable/music_player_widget_background"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <ImageView
+        android:id="@+id/music_player_widget_no_song_art"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:importantForAccessibility="no"
+        android:scaleType="fitCenter"
+        android:src="@drawable/launch_foreground" />
+
+    <ImageView
+        android:id="@+id/music_player_widget_song_art"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:layout_centerInParent="true"
+        android:importantForAccessibility="no"
+        android:scaleType="centerCrop"
+        android:visibility="gone" />
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="@dimen/musicPlayerWidgetButtonSize"
+        android:layout_alignParentStart="true"
+        android:layout_alignParentEnd="true"
+        android:layout_alignParentBottom="true"
+        android:layout_marginStart="8dp"
+        android:layout_marginEnd="8dp"
+        android:layout_marginBottom="8dp"
+        android:background="@drawable/music_player_widget_button_bar_background"
+        android:orientation="horizontal">
+
+        <ImageButton
+            android:id="@+id/music_player_widget_previous_button"
+            android:layout_width="@dimen/musicPlayerWidgetButtonSize"
+            android:layout_height="@dimen/musicPlayerWidgetButtonSize"
+            android:layout_weight="1"
+            android:background="@android:color/transparent"
+            android:contentDescription="@string/previous_track"
+            android:src="@drawable/round_skip_previous"
+            android:visibility="gone" />
+
+        <ImageButton
+            android:id="@+id/music_player_widget_play_pause_button"
+            style="@android:style/Widget.DeviceDefault.ImageButton"
+            android:layout_width="@dimen/musicPlayerWidgetButtonSize"
+            android:layout_height="@dimen/musicPlayerWidgetButtonSize"
+            android:layout_weight="1"
+            android:background="@android:color/transparent"
+            android:contentDescription="@string/play"
+            android:src="@drawable/round_play_arrow" />
+
+        <ImageButton
+            android:id="@+id/music_player_widget_skip_next_button"
+            android:layout_width="@dimen/musicPlayerWidgetButtonSize"
+            android:layout_height="@dimen/musicPlayerWidgetButtonSize"
+            android:layout_weight="1"
+            android:background="@android:color/transparent"
+            android:contentDescription="@string/next_track"
+            android:src="@drawable/round_skip_next"
+            android:visibility="gone" />
+
+    </LinearLayout>
+</RelativeLayout>
\ No newline at end of file
diff --git a/android/app/src/main/res/layout/music_player_widget_preview.xml b/android/app/src/main/res/layout/music_player_widget_preview.xml
new file mode 100644
index 000000000..d9bc9f7cb
--- /dev/null
+++ b/android/app/src/main/res/layout/music_player_widget_preview.xml
@@ -0,0 +1,62 @@
+<!--
+ When updating this preview, also update `drawable-nodpi/music_player_widget_preview.png`
+ using the `Widget Preview` app on an android emulator with API 26 or lower.
+ -->
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    style="@style/Widget.Android.AppWidget.Container"
+    android:theme="@style/Theme.Android.AppWidgetContainer"
+    android:id="@android:id/background"
+    android:background="@drawable/music_player_widget_background"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <ImageView
+        android:id="@+id/music_player_widget_no_song_art"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:importantForAccessibility="no"
+        android:scaleType="fitCenter"
+        android:src="@drawable/launch_foreground" />
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="@dimen/musicPlayerWidgetButtonSize"
+        android:layout_alignParentStart="true"
+        android:layout_alignParentEnd="true"
+        android:layout_alignParentBottom="true"
+        android:layout_marginStart="8dp"
+        android:layout_marginEnd="8dp"
+        android:layout_marginBottom="8dp"
+        android:background="@drawable/music_player_widget_button_bar_background"
+        android:orientation="horizontal">
+
+        <ImageButton
+            android:id="@+id/music_player_widget_previous_button"
+            android:layout_width="@dimen/musicPlayerWidgetButtonSize"
+            android:layout_height="@dimen/musicPlayerWidgetButtonSize"
+            android:layout_weight="1"
+            android:background="@android:color/transparent"
+            android:contentDescription="@string/previous_track"
+            android:src="@drawable/round_skip_previous" />
+
+        <ImageButton
+            android:id="@+id/music_player_widget_play_pause_button"
+            style="@android:style/Widget.DeviceDefault.ImageButton"
+            android:layout_width="@dimen/musicPlayerWidgetButtonSize"
+            android:layout_height="@dimen/musicPlayerWidgetButtonSize"
+            android:layout_weight="1"
+            android:background="@android:color/transparent"
+            android:contentDescription="@string/play"
+            android:src="@drawable/round_play_arrow" />
+
+        <ImageButton
+            android:id="@+id/music_player_widget_skip_next_button"
+            android:layout_width="@dimen/musicPlayerWidgetButtonSize"
+            android:layout_height="@dimen/musicPlayerWidgetButtonSize"
+            android:layout_weight="1"
+            android:background="@android:color/transparent"
+            android:contentDescription="@string/next_track"
+            android:src="@drawable/round_skip_next" />
+
+    </LinearLayout>
+</RelativeLayout>
\ No newline at end of file
diff --git a/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml b/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
index 157eaa82e..addead05b 100644
--- a/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
+++ b/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
-    <background android:drawable="@color/ic_launcher_background"/>
+    <background android:drawable="@color/main"/>
     <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
     <monochrome android:drawable="@drawable/ic_launcher_monochrome" />
 </adaptive-icon>
diff --git a/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml b/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
index 6c7bd4e4a..aaa411f2d 100644
--- a/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
+++ b/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
-    <background android:drawable="@color/ic_launcher_background" />
+    <background android:drawable="@color/main" />
     <foreground android:drawable="@mipmap/ic_launcher_foreground" />
     <monochrome android:drawable="@drawable/ic_launcher_monochrome" />
 </adaptive-icon>
\ No newline at end of file
diff --git a/android/app/src/main/res/values-night/colors.xml b/android/app/src/main/res/values-night/colors.xml
index 45e78390f..7a0e8593e 100644
--- a/android/app/src/main/res/values-night/colors.xml
+++ b/android/app/src/main/res/values-night/colors.xml
@@ -1,4 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
     <color name="buttonForeground">@android:color/white</color>
+    <color name="widget_button_bar_background">#C3232323</color>
 </resources>
diff --git a/android/app/src/main/res/values-v31/styles.xml b/android/app/src/main/res/values-v31/styles.xml
new file mode 100644
index 000000000..0bb60c137
--- /dev/null
+++ b/android/app/src/main/res/values-v31/styles.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <style name="Theme.AppWidget.AppWidgetContainerParent" parent="@android:style/Theme.DeviceDefault.DayNight">
+        <item name="appWidgetBackgroundRadius">
+            @android:dimen/system_app_widget_background_radius
+        </item>
+        <item name="appWidgetInnerRadius">
+            @android:dimen/system_app_widget_inner_radius
+        </item>
+    </style>
+</resources>
diff --git a/android/app/src/main/res/values/attrs.xml b/android/app/src/main/res/values/attrs.xml
new file mode 100644
index 000000000..d8a7d0994
--- /dev/null
+++ b/android/app/src/main/res/values/attrs.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <declare-styleable name="AppWidgetAttrs">
+        <attr name="appWidgetPadding" format="dimension" />
+        <attr name="appWidgetInnerRadius" format="dimension" />
+        <attr name="appWidgetBackgroundRadius" format="dimension" />
+    </declare-styleable>
+</resources>
diff --git a/android/app/src/main/res/values/colors.xml b/android/app/src/main/res/values/colors.xml
index 67655744c..b6f1e21f6 100644
--- a/android/app/src/main/res/values/colors.xml
+++ b/android/app/src/main/res/values/colors.xml
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
+    <color name="main">#7C4DFF</color>
     <color name="buttonForeground">@android:color/black</color>
-    <color name="ic_launcher_background">#7C4DFF</color>
+    <color name="widget_button_bar_background">#C3FFFFFF</color>
 </resources>
diff --git a/android/app/src/main/res/values/dimens.xml b/android/app/src/main/res/values/dimens.xml
new file mode 100644
index 000000000..dd9448782
--- /dev/null
+++ b/android/app/src/main/res/values/dimens.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <dimen name="musicPlayerWidgetButtonSize">48dp</dimen>
+    <dimen name="appWidgetBackgroundRadius">16dp</dimen>
+    <dimen name="appWidgetInnerRadius">8dp</dimen>
+</resources>
\ No newline at end of file
diff --git a/android/app/src/main/res/values/strings.xml b/android/app/src/main/res/values/strings.xml
new file mode 100644
index 000000000..282b89c5e
--- /dev/null
+++ b/android/app/src/main/res/values/strings.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <string name="music_player_widget_description">Music player</string>
+    <string name="previous_track">Previous track</string>
+    <string name="play">Play</string>
+    <string name="next_track">Next track</string>
+</resources>
diff --git a/android/app/src/main/res/values/styles.xml b/android/app/src/main/res/values/styles.xml
index 70c5f6a4e..c72ed0338 100644
--- a/android/app/src/main/res/values/styles.xml
+++ b/android/app/src/main/res/values/styles.xml
@@ -1,6 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
-    <color name="main">#7c4dff</color>
     <!-- Theme applied to the Android Window while the process is starting when the OS's Dark Mode setting is off -->
     <style name="LaunchTheme" parent="@android:style/Theme.Black.NoTitleBar">
         <!-- Show a splash screen on the activity. Automatically removed when
@@ -20,4 +19,9 @@
         <item name="android:windowDrawsSystemBarBackgrounds">true</item>
         <item name="android:statusBarColor">@android:color/transparent</item>
     </style>
+    <style name="Widget.Android.AppWidget.Container" parent="android:Widget">
+        <item name="android:id">@android:id/background</item>
+        <item name="android:padding">?attr/appWidgetPadding</item>
+        <item name="android:background">@color/main</item>
+    </style>
 </resources>
diff --git a/android/app/src/main/res/values/themes.xml b/android/app/src/main/res/values/themes.xml
new file mode 100644
index 000000000..4eb55d518
--- /dev/null
+++ b/android/app/src/main/res/values/themes.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <style name="Theme.Android.AppWidgetContainer" parent="@android:style/Theme.DeviceDefault">
+        <!-- Radius of the outer bound of widgets to make the rounded corners -->
+        <item name="appWidgetBackgroundRadius">@dimen/appWidgetBackgroundRadius</item>
+        <!--
+        Radius of the inner view's bound of widgets to make the rounded corners.
+        It needs to be 8dp or less than the value of appWidgetBackgroundRadius
+        -->
+        <item name="appWidgetInnerRadius">@dimen/appWidgetInnerRadius</item>
+        <item name="appWidgetPadding">0dp</item>
+    </style>
+</resources>
diff --git a/android/app/src/main/res/xml-v31/music_player_info.xml b/android/app/src/main/res/xml-v31/music_player_info.xml
new file mode 100644
index 000000000..9d734b753
--- /dev/null
+++ b/android/app/src/main/res/xml-v31/music_player_info.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<appwidget-provider xmlns:android="http://schemas.android.com/apk/res/android"
+    android:initialKeyguardLayout="@layout/music_player_widget"
+    android:initialLayout="@layout/music_player_widget"
+    android:description="@string/music_player_widget_description"
+    android:targetCellHeight="2"
+    android:targetCellWidth="3"
+    android:previewLayout="@layout/music_player_widget_preview"
+    android:minWidth="160dp"
+    android:minHeight="160dp"
+    android:minResizeWidth="@dimen/musicPlayerWidgetButtonSize"
+    android:minResizeHeight="@dimen/musicPlayerWidgetButtonSize"
+    android:previewImage="@drawable/music_player_widget_preview"
+    android:resizeMode="horizontal|vertical"
+    android:widgetCategory="home_screen|keyguard" />
diff --git a/android/app/src/main/res/xml/music_player_info.xml b/android/app/src/main/res/xml/music_player_info.xml
new file mode 100644
index 000000000..0b76b4843
--- /dev/null
+++ b/android/app/src/main/res/xml/music_player_info.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<appwidget-provider xmlns:android="http://schemas.android.com/apk/res/android"
+    android:initialKeyguardLayout="@layout/music_player_widget"
+    android:initialLayout="@layout/music_player_widget"
+    android:description="@string/music_player_widget_description"
+    android:minWidth="160dp"
+    android:minHeight="160dp"
+    android:minResizeWidth="@dimen/musicPlayerWidgetButtonSize"
+    android:minResizeHeight="@dimen/musicPlayerWidgetButtonSize"
+    android:previewImage="@drawable/music_player_widget_preview"
+    android:resizeMode="horizontal|vertical"
+    android:widgetCategory="home_screen|keyguard" />
diff --git a/lib/logic/app_widget.dart b/lib/logic/app_widget.dart
new file mode 100644
index 000000000..2ccfba2fd
--- /dev/null
+++ b/lib/logic/app_widget.dart
@@ -0,0 +1,54 @@
+import 'dart:async';
+
+import 'package:flutter/cupertino.dart';
+import 'package:home_widget/home_widget.dart';
+
+import '../sweyer.dart';
+
+/// Controller for native app widgets.
+class AppWidgetControl extends Control {
+  static AppWidgetControl instance = AppWidgetControl();
+  @visibleForTesting
+  static const appWidgetName = 'MusicPlayerAppWidget';
+  static const _songUriKey = 'song';
+  static const _playingKey = 'playing';
+
+  StreamSubscription<Song>? _currentSongListener;
+  StreamSubscription<bool>? _playingStateListener;
+
+  /// The last song content uri sent to the widget.
+  String? _lastSongContentUri;
+
+  /// The last playing state sent to the widget.
+  bool? _lastPlayingState;
+
+  @override
+  void init() {
+    super.init();
+    _lastSongContentUri = null;
+    _lastPlayingState = null;
+    _currentSongListener =
+        PlaybackControl.instance.onSongChange.listen((song) => update(song, MusicPlayer.instance.playing));
+    _playingStateListener =
+        MusicPlayer.instance.playingStream.listen((playing) => update(PlaybackControl.instance.currentSong, playing));
+  }
+
+  @override
+  void dispose() {
+    _currentSongListener?.cancel();
+    _playingStateListener?.cancel();
+    super.dispose();
+  }
+
+  /// Update the widgets with the current [song] and [playing] state.
+  Future<void> update(Song song, bool playing) async {
+    if (playing == _lastPlayingState && song.contentUri == _lastSongContentUri) {
+      return;
+    }
+    _lastSongContentUri = song.contentUri;
+    _lastPlayingState = playing;
+    await HomeWidget.saveWidgetData(_songUriKey, song.contentUri);
+    await HomeWidget.saveWidgetData(_playingKey, playing);
+    await HomeWidget.updateWidget(name: appWidgetName);
+  }
+}
diff --git a/lib/logic/logic.dart b/lib/logic/logic.dart
index 60d8e40f3..e27606ae4 100644
--- a/lib/logic/logic.dart
+++ b/lib/logic/logic.dart
@@ -4,6 +4,7 @@ library;
 export 'models/models.dart';
 export 'player/music_player.dart';
 
+export 'app_widget.dart';
 export 'control.dart';
 export 'device_info.dart';
 export 'palette.dart';
diff --git a/lib/logic/player/content.dart b/lib/logic/player/content.dart
index 8ad324b29..c91210643 100644
--- a/lib/logic/player/content.dart
+++ b/lib/logic/player/content.dart
@@ -253,6 +253,7 @@ class ContentControl extends Control {
         await MusicPlayer.instance.init();
         await FavoritesControl.instance.init();
         PlayerInterfaceColorStyleControl.instance.init();
+        AppWidgetControl.instance.init();
       }
       _initializeCompleter = null;
     }
@@ -280,6 +281,7 @@ class ContentControl extends Control {
       MusicPlayer.instance.dispose();
       FavoritesControl.instance.dispose();
       PlayerInterfaceColorStyleControl.instance.dispose();
+      AppWidgetControl.instance.dispose();
     }
     super.dispose();
   }
diff --git a/pubspec.lock b/pubspec.lock
index 16b15d36d..3475076e0 100644
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -584,6 +584,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.3.2"
+  home_widget:
+    dependency: "direct main"
+    description:
+      name: home_widget
+      sha256: b313e3304c0429669fddf1286e1fbf61a64b873f38ba30b3eb890ef0d7560b12
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.7.0"
   hooks_riverpod:
     dependency: "direct main"
     description:
diff --git a/pubspec.yaml b/pubspec.yaml
index 5fe8e8c4f..5a1de5cd3 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -56,6 +56,7 @@ dependencies:
   freezed_annotation: ^2.2.0
   json_annotation: ^4.7.0
   memoize: ^3.0.0
+  home_widget: ^0.7.0
 
   # quick_actions: ^0.6.0 # TODO: quick actions are blocked on https://github.com/ryanheise/audio_service/issues/671
 
diff --git a/test/observer/app_widget.dart b/test/observer/app_widget.dart
new file mode 100644
index 000000000..1af32a6da
--- /dev/null
+++ b/test/observer/app_widget.dart
@@ -0,0 +1,37 @@
+import 'dart:collection';
+
+import 'package:flutter/services.dart';
+
+import '../test.dart';
+
+/// An observer for platform app widget channel requests.
+class AppWidgetChannelObserver {
+  /// The method channel used by the flutter `home_widget` package
+  static const MethodChannel _channel = MethodChannel('home_widget');
+
+  /// The list of requests made to save widget data.
+  List<(String, dynamic)> get saveWidgetDataLog => UnmodifiableListView(_saveWidgetDataLog);
+  final List<(String, dynamic)> _saveWidgetDataLog = [];
+
+  /// The list of requests made to update a widget type.
+  List<String> get updateWidgetRequests => UnmodifiableListView(_updateWidgetRequests);
+  final List<String> _updateWidgetRequests = [];
+
+  /// Create a new app widget observer, which automatically
+  /// unregisters any previously created observer.
+  AppWidgetChannelObserver(TestWidgetsFlutterBinding binding) {
+    binding.defaultBinaryMessenger.setMockMethodCallHandler(_channel, (call) async {
+      switch (call.method) {
+        case 'saveWidgetData':
+          var arguments = Map.castFrom<dynamic, dynamic, String, dynamic>(call.arguments);
+          _saveWidgetDataLog.add((arguments['id'] as String, arguments['data']));
+          return true;
+        case 'updateWidget':
+          var arguments = Map.castFrom<dynamic, dynamic, String, dynamic>(call.arguments);
+          _updateWidgetRequests.add(arguments['name'] as String);
+          return true;
+      }
+      return null; // Ignore unimplemented method calls.
+    });
+  }
+}
diff --git a/test/routes/home_route_test.dart b/test/routes/home_route_test.dart
index 60f0e45a6..c30a2ce00 100644
--- a/test/routes/home_route_test.dart
+++ b/test/routes/home_route_test.dart
@@ -6,6 +6,7 @@ import 'package:permission_handler/permission_handler.dart';
 import 'package:sweyer/constants.dart';
 import 'package:sweyer/routes/settings_route/theme_settings.dart';
 
+import '../observer/app_widget.dart';
 import '../observer/observer.dart';
 import '../test.dart';
 
@@ -16,7 +17,7 @@ void main() {
 
   group('permissions screen', () {
     testWidgets('shows if no permissions were granted and pressing the button requests permissions',
-            (WidgetTester tester) async {
+        (WidgetTester tester) async {
       late PermissionsChannelObserver permissionsObserver;
       await setUpAppTest(() {
         permissionsObserver = PermissionsChannelObserver(tester.binding);
@@ -133,6 +134,12 @@ void main() {
 
   testWidgets('home screen - shows when permissions are granted and not searching for tracks',
       (WidgetTester tester) async {
+    late AppWidgetChannelObserver appWidgetChannelObserver;
+    // Wait for and discard widget events from previous tests, since we don't wait for all async actions to complete.
+    await tester.runAsync(() => tester.pump());
+    await setUpAppTest(() {
+      appWidgetChannelObserver = AppWidgetChannelObserver(tester.binding);
+    });
     await tester.runAppTest(() async {
       expect(Permissions.instance.granted, true);
       expect(find.byType(Home), findsOneWidget);
@@ -141,6 +148,10 @@ void main() {
         tester.getRect(find.byType(App)).height,
         reason: 'Player route must be offscreen',
       );
+      // Wait for widget events from the app startup of this event to reach the app widget channel observer.
+      await tester.runAsync(() => tester.pump());
+      expect(appWidgetChannelObserver.saveWidgetDataLog, [("song", songWith().contentUri), ("playing", false)]);
+      expect(appWidgetChannelObserver.updateWidgetRequests, [AppWidgetControl.appWidgetName]);
     });
   });
 
diff --git a/test/routes/player_route_test.dart b/test/routes/player_route_test.dart
index 90fcd58dd..b74b54d9d 100644
--- a/test/routes/player_route_test.dart
+++ b/test/routes/player_route_test.dart
@@ -1,6 +1,7 @@
 import 'package:back_button_interceptor/back_button_interceptor.dart';
 import 'package:flutter/material.dart';
 
+import '../observer/app_widget.dart';
 import '../test.dart';
 
 void main() {
@@ -85,7 +86,7 @@ void main() {
       /// 1 - from [SongTile]
       /// 2 - from [TrackPanel]
       /// 3 and 4 - from [PlayerRoute] - it shows current and previous song arts and animates between them
-      /// 5 - also from [PlayerRoute] invisible overlay, used to extract art color 
+      /// 5 - also from [PlayerRoute] invisible overlay, used to extract art color
 
       final currentSong = PlaybackControl.instance.currentSong;
       expect(find.text(currentSong.title), findsNWidgets(3));
@@ -134,18 +135,27 @@ void main() {
     await setUpAppTest(() {
       FakeSweyerPluginPlatform.instance.songs = songs.toList();
     });
-    PlaybackControl.instance.changeSong(songs[1]);
+    await tester.runAsync(() async => PlaybackControl.instance.changeSong(songs[1]));
     await tester.runAppTest(() async {
+      final appWidgetChannelObserver = AppWidgetChannelObserver(tester.binding);
       // Expand the route
       await tester.expandPlayerRoute();
 
       expect(PlaybackControl.instance.currentSong, songs[1]);
+      expect(appWidgetChannelObserver.saveWidgetDataLog, []);
+      expect(appWidgetChannelObserver.updateWidgetRequests, []);
 
-      await tester.tap(find.byIcon(Icons.skip_previous_rounded));
+      await tester.runAsync(() => tester.tap(find.byIcon(Icons.skip_previous_rounded)));
       expect(PlaybackControl.instance.currentSong, songs.first);
+      expect(appWidgetChannelObserver.saveWidgetDataLog, [("song", songs.first.contentUri), ("playing", false)]);
+      expect(appWidgetChannelObserver.updateWidgetRequests, [AppWidgetControl.appWidgetName]);
 
-      await tester.tap(find.byIcon(Icons.skip_previous_rounded));
+      await tester.runAsync(() => tester.tap(find.byIcon(Icons.skip_previous_rounded)));
       expect(PlaybackControl.instance.currentSong, songs.last);
+      expect(appWidgetChannelObserver.saveWidgetDataLog,
+          [("song", songs.first.contentUri), ("playing", false), ("song", songs.last.contentUri), ("playing", false)]);
+      expect(appWidgetChannelObserver.updateWidgetRequests,
+          [AppWidgetControl.appWidgetName, AppWidgetControl.appWidgetName]);
     });
   });
 
@@ -158,23 +168,34 @@ void main() {
     await setUpAppTest(() {
       FakeSweyerPluginPlatform.instance.songs = songs.toList();
     });
-    PlaybackControl.instance.changeSong(songs[1]);
+    await tester.runAsync(() async => PlaybackControl.instance.changeSong(songs[1]));
     await tester.runAppTest(() async {
+      final appWidgetChannelObserver = AppWidgetChannelObserver(tester.binding);
       // Expand the route
       await tester.expandPlayerRoute();
 
       expect(PlaybackControl.instance.currentSong, songs[1]);
+      expect(appWidgetChannelObserver.saveWidgetDataLog, []);
+      expect(appWidgetChannelObserver.updateWidgetRequests, []);
 
-      await tester.tap(find.byIcon(Icons.skip_next_rounded));
+      await tester.runAsync(() => tester.tap(find.byIcon(Icons.skip_next_rounded)));
       expect(PlaybackControl.instance.currentSong, songs.last);
+      expect(appWidgetChannelObserver.saveWidgetDataLog, [("song", songs.last.contentUri), ("playing", false)]);
+      expect(appWidgetChannelObserver.updateWidgetRequests, [AppWidgetControl.appWidgetName]);
 
-      await tester.tap(find.byIcon(Icons.skip_next_rounded));
+      await tester.runAsync(() => tester.tap(find.byIcon(Icons.skip_next_rounded)));
       expect(PlaybackControl.instance.currentSong, songs.first);
+      expect(appWidgetChannelObserver.saveWidgetDataLog,
+          [("song", songs.last.contentUri), ("playing", false), ("song", songs.first.contentUri), ("playing", false)]);
+      expect(appWidgetChannelObserver.updateWidgetRequests,
+          [AppWidgetControl.appWidgetName, AppWidgetControl.appWidgetName]);
     });
   });
 
   testWidgets('play/pause button works', (WidgetTester tester) async {
     await tester.runAppTest(() async {
+      await tester.runAsync(() => tester.pump()); // Wait for widget events from start to process.
+      final appWidgetChannelObserver = AppWidgetChannelObserver(tester.binding);
       // Expand the route
       await tester.expandPlayerRoute();
 
@@ -185,14 +206,22 @@ void main() {
 
       expect(MusicPlayer.instance.playing, false);
       expect(MusicPlayer.handler!.running, false);
+      expect(appWidgetChannelObserver.saveWidgetDataLog, []);
+      expect(appWidgetChannelObserver.updateWidgetRequests, []);
 
-      await tester.tap(button);
+      await tester.runAsync(() => tester.tap(button));
       expect(MusicPlayer.instance.playing, true);
       expect(MusicPlayer.handler!.running, true);
+      expect(appWidgetChannelObserver.saveWidgetDataLog, [("song", songWith().contentUri), ("playing", true)]);
+      expect(appWidgetChannelObserver.updateWidgetRequests, [AppWidgetControl.appWidgetName]);
 
-      await tester.tap(button);
+      await tester.runAsync(() => tester.tap(button));
       expect(MusicPlayer.instance.playing, false);
       expect(MusicPlayer.handler!.running, true, reason: 'Handler should only stop when stopped, not when paused');
+      expect(appWidgetChannelObserver.saveWidgetDataLog,
+          [("song", songWith().contentUri), ("playing", true), ("song", songWith().contentUri), ("playing", false)]);
+      expect(appWidgetChannelObserver.updateWidgetRequests,
+          [AppWidgetControl.appWidgetName, AppWidgetControl.appWidgetName]);
 
       await tester.pumpAndSettle();
     });
diff --git a/test/test.dart b/test/test.dart
index e945a296c..1dd51700c 100644
--- a/test/test.dart
+++ b/test/test.dart
@@ -21,6 +21,7 @@ import 'package:sweyer_plugin/sweyer_plugin_platform_interface.dart';
 
 export 'fakes/fakes.dart';
 
+import 'observer/app_widget.dart';
 import 'observer/observer.dart';
 import 'test.dart';
 import 'test_description.dart';
@@ -116,6 +117,7 @@ Future<void> setUpAppTest([VoidCallback? configureFakes]) async {
   DeviceInfoControl.instance = FakeDeviceInfoControl();
   FavoritesControl.instance = FakeFavoritesControl();
   PermissionsChannelObserver(binding); // Grant all permissions by default.
+  AppWidgetChannelObserver(binding); // Ignore app widget updates by default.
   SweyerPluginPlatform.instance = FakeSweyerPluginPlatform(binding);
   QueueControl.instance = FakeQueueControl();
   ThemeControl.instance = FakeThemeControl();