MARKETPLACE
PLUGINS
SWIFTSHELL (PRO)
SwiftShell (Pro) logo

SwiftShell (Pro)

Published May 2026
   •    Updated today

Plugin details

Stop fighting Bubble's responsive engine to build mobile apps. SwiftShell PRO is a complete native mobile framework injected directly into your Bubble app. It handles the hardest parts of mobile UX so you can focus on your database and logic.
Tired of clunky page loads, unnatural group hiding, and broken Android "Back" buttons? SwiftShell solves it all with a unified, lightweight JavaScript and CSS engine.

✨ Key Features (PRO):

Gestures Engine: Native Swipe-Back (with iOS/Safari override protection) and Pull-to-Refresh.

Hardware-Accelerated Transitions: iOS-style "Crossfade & Scale" animations when switching tabs. No more abrupt group popping!

Smart History & Deep Linking: The app remembers the user's path. The Android hardware back button works natively to navigate previous tabs instead of closing the app. Users can open specific tabs via URLs (e.g., ?tab=3).

Interactive Bottom Sheets & Drawers: Transform any hidden Bubble Floating Group into a sleek, draggable Bottom Sheet or App Drawer. Includes "Drag-to-Dismiss" mechanics with dynamic backdrop blurring.

Collapsible Top Bar: A native header with "Back" and "Sandwich Menu" buttons that automatically hides when the user scrolls down to maximize screen space.

Floating Action Button (FAB): A fully customizable, floating primary action button.

Haptic Feedback: Strategic vibrations integrated into tabs, swipes, and buttons for a premium tactile feel.

Safe Area Support: Automatically adjusts padding for iPhone notches and bottom indicator bars.

Demo page: https://demo-app-56978.bubbleapps.io/version-test/swiftshell_pro/1779061671320x103995663550797040

Editor page: https://bubble.io/page?id=demo-app-56978&test_plugin=1779036204891x144630755901571070_current&tab=Design&name=swiftshell_pro

$20

One time  •  Or  $5/mo

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

Platform

Web

Contributor details

NoCoddo logo
NoCoddo
Joined 2025   •   90 Plugins
View contributor profile

Instructions

🏗️ Architecture & Page Setup (The SPA Rule) To get the true native feel and allow the Smart History to work, your mobile app must be a Single Page Application (SPA).

Build your entire mobile app on a single Bubble page (e.g., index).

Your different "screens" should be standard Groups.

To enable the native iOS-style page transitions, assign these specific ID Attributes to your main groups at the bottom of their property panel:

Tab 1 Group ID: swiftshell-page-1

Tab 2 Group ID: swiftshell-page-2

(Repeat up to page 5)

Set your group conditionals as usual: When SwiftShell PRO's current_tab is X -> This element is visible. SwiftShell will automatically hijack the visibility and apply the smooth animation.

🪄 Setting up Bottom Sheets & App Drawers
Draw a Floating Group on your page.

In its properties, uncheck "This element is visible on page load".

Give it a unique ID Attribute (e.g., my_bottom_sheet or my_side_menu).

To open it: Use Bubble's native Show an element action, followed immediately by the SwiftShell action Open Bottom Sheet (or Open App Drawer) using that exact ID.

To close it: Let the user drag it down natively, click the blurred background, or trigger the SwiftShell action Close Bottom Sheet.

Important Cleanup: Always create a Bubble workflow using the trigger When A Bottom Sheet has finished closing -> action: Hide an element (to keep your Bubble data in sync).

Types

This plugin can be found under the following types:
Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Mobile   •   Technical   •   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble