MARKETPLACE
PLUGINS
BACKGROUND PATTERN SYSTEM
Background Pattern System logo

Background Pattern System

Published June 2026
   •    Updated this week

Plugin details

Transform your mobile app's look and feel with a stunning, hardware-accelerated, dynamic kaleidoscope background. The Background Pattern System element lets you input up to 6 custom colors and generates a gorgeously blurred, rotating conic gradient backplate. Customize speed, blur, and saturation variables to fit any aesthetic, from subtle dark-mode glows to vibrant light-mode neon transitions. Built on top of native WebView components for optimal performance and smooth animations.
🔗 [View demo page](https://plugins-demo-mobile.bubbleapps.io/version-test/api/1.1/mobile/preview?debug_mode=true&preview_view=Background%20Pattern%20System)
🔗 [View demo in editor](https://bubble.io/page?id=plugins-demo-mobile&app_type=mobile&tab=Design&name=Background+Pattern+System&type=page)

$24

One time  •  Or  $2/mo

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

Platform

Native mobile

Contributor details

Acampamento no-code logo
Acampamento no-code
Joined 2021   •   51 Plugins
View contributor profile

Instructions

1. Install the plugin and drop the **Background Pattern (Native)** element onto your screen or inside a container group. 2. In the element configuration, input 6 colors (or use the defaults).
3. Set the layout height and width of the component to stretch to 100% of the screen.
4. Customize the animation duration (rotation speed), blur, and saturation to fit your design language.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble