🚀
Bring the Bubble elements you already know to Native Mobile.
Basic Toolkit brings together 22+ of the most commonly used elements from Bubble Web, redesigned for Native Mobile. Everything comes in one plugin, with a consistent design and the customization options you need to match your app.
Get the essential elements you need to build your native app in one place —
without having to buy and manage multiple plugins separately.────────────────────────────────🎬 DEMO────────────────────────────────DEMO:
https://plugins-demo-2.bubbleapps.io/version-test/api/1.1/mobile/preview?debug_mode=true&preview_view=basic_kitEDITOR:
https://bubble.io/page?id=plugins-demo-2&test_plugin=1789749511649x941946527616860200_current&tab=Design&name=basic_kit&type=page&elements=bTHVo────────────────────────────────🎁 WHAT'S INSIDE────────────────────────────────Inputs and form controls🔘
ToggleA switch that looks like the phone's own, round or square, with the off colour and the accent in your hands.
🎚️
Slider InputOne value or a range with two handles, with steps, prefix and suffix, and three ways to move: soft glide, spring or a growing track.
⭐
Star RatingRate by tapping or sliding across the stars, or show an average like 4.3 with the fifth star partly filled. Half stars included.
⏬
Dropdown — single or multiple choiceOpens under the field like a real dropdown, or as a bottom sheet. Choices from your database or from a list of texts, with a search box, chips, limits and eight colours you can set.
🎨
Color PickerSaturation square, hue bar, opacity, palette and a code box in hex, rgb or hsl — drawn in the page or as a compact row that opens it underneath.
✏️
Rich Text EditorReal formatting on a phone: bold, headings, lists with indenting, quotes, code, links, colours and alignment. It reads and writes Bubble's own rich text format, and also hands the text back as HTML or JSON.
📎
Uploader — photos, videos and documentsTake a photo, record a video, pick from the library or open the Files app, and upload straight to your app's storage with progress on every file, retry and remove.
Overlays and navigation🪟
PopupThe popup native apps do not have: icon or image, title, message, one or two buttons and an optional text box, centred or as a bottom sheet. Perfect for confirmations, warnings and asking for one value.
🧭
Focus MenuThe native stand-in for the web's Group Focus: a floating menu that opens under an element, closes when you tap outside, and tells your workflow which option was picked.
🔔
Toast alertsMessages that slide in and leave on their own — banner or pill, success, error or your own colour, light and dark, with four actions to fire them from any workflow.
🔗
LinkOpens web pages inside your app with a Done button, or in the browser, and hands phone, email and SMS links to the system. Native apps cannot do this on their own.
Content and media🎬
Video PlayerA player with controls drawn by the plugin, so it looks the same on iPhone and Android: gradient overlay, draggable progress with buffering, double-tap to skip and chapter markers on the timeline.
📄
HTML BlockRender raw HTML, CSS and JavaScript inside your native app, with automatic height and a two-way bridge between the page and your workflows.
🌐
iFrame LoaderEmbed any external website, with desktop mode, zoom, navigation, origin locking and an error screen with retry instead of a blank rectangle.
🔍
Fuzzy SearchSearch that forgives typos and accents, with its own search box, inline autocomplete and a "did you mean…" suggestion, straight over your Bubble data.
📊
Progress BarA bar or a ring with gradient, glow and a smooth entrance — feed it a percentage and it animates there.
📤
Native ShareThe system share sheet, with text, links, images and files, and it tells your workflow which app the user picked and whether they shared or cancelled.
Charts📈
Line ChartSimple, multi-line, stepped, smooth and KPI cards with trend and sparkline.
📊
Bar ChartVertical, horizontal, grouped, stacked, 100% stacked and combo bars with a line on top.
🍩
Pie and Donut ChartPie, donut, polar area, gauge and progress rings, with the colours slice by slice.
🗻
Area ChartSimple, stacked, gradient and 100% stacked areas.
🧮
Advanced ChartFunnel, bubble, radar, heatmap and waterfall — the charts nobody else ships on mobile.
────────────────────────────────✨ WHY THIS KIT────────────────────────────────✅
One design, 22 elements. Same corners, same spacing, same animation curves, same light and dark. Your app does not look like it was assembled from five different plugins.
✅
Colours are fields, not decisions we made for you. Accent, background, border, text, placeholder, chips — set what you want and leave the rest to the theme.
✅
Several on the same screen. Three toggles, two sliders and a rating in one form all answer their own actions — no "one per page" limits.
✅
Real uploads to your own storage. Files go to your Bubble app, with progress from 0 to 100, retry on failure and a readable error when something is refused. No third-party service, no account, no extra bill.
✅
Rich text that Bubble understands. The editor writes the same format Bubble's own rich text uses, so what your users write shows with its formatting in any Bubble text, on web and on mobile.
✅
Data straight from Bubble. Dropdown, charts and search read your things and your lists, and keep working when the data arrives a second after the page does — the failure that leaves most plugins showing an empty list.
✅
Nothing to install. No external libraries, no third-party services, no API keys. It runs on what the mobile runtime already ships.
✅
Built defensively. Every element survives a missing field, an empty list or a value that arrives late, instead of taking the app down with it.
────────────────────────────────🔧 FULL WORKFLOW CONTROL────────────────────────────────✅
130+ states — values, selections, upload progress, file names and URLs, open or closed, is uploading, word counts, chart clicks, search results and more.
✅
65+ events — value changed, selection changed, item selected, file uploaded, all uploaded, upload failed, popup buttons pressed, link opened, browser closed, content changed, and the rest.
✅
59 actions — Show Popup, Open Menu, Pick File, Open Camera, Set Value, Set Color, Set Content, Show Toast, Play, Share, Search and many more.
✅
Or write no workflows at all. Every element works out of the box: the actions are there for when you want your own buttons.
────────────────────────────────📘 DOCUMENTATION────────────────────────────────Please don't forget to check our documentation to learn about all the plugin's features and how to configure everything correctly.
We've created a comprehensive step-by-step guide with detailed instructions, images and practical examples, element by element, to make the setup process as simple and straightforward as possible.
We highly recommend going through the documentation before getting started.
📄 Documentation:
https://wide-finch-c12.notion.site/Mobile-Basic-Kit-Documentation-3e361f4cca3a80d28dd3d9699e036f9cStuck on something, or need it to do something it does not do yet? Write to us at
info@technocode.agency — a real person answers.
────────────────────────────────RISK FREE TRIAL────────────────────────────────To try any plugin, simply subscribe to its monthly plan. Bubble's pro-rata billing ensures you only pay for the days you use it (e.g., only ~$0.20 per day for this $6/month plugin).
Built on Bubble
