MARKETPLACE
PLUGINS
SWIPETOK (FREE)
SwipeTok (Free) logo

SwipeTok (Free)

Published May 2026
   •    Updated today

Plugin details

The Vertical Video Engine for Bubble
Building a short-form vertical video app (like TikTok, Shorts, or Reels) in Bubble using standard Repeating Groups is frustrating. Videos don't snap into place, autoplay logic is unreliable, and performance drops heavily when loading multiple videos.

SwipeTok is a dedicated Frontend Engine built entirely on native CSS Scroll Snapping and the Intersection Observer API. It delivers a buttery-smooth, 60fps vertical video feed that looks, feels, and performs exactly like a native mobile app.

✨ Free Version Core Features:

📱 Native Vertical Scroll: Buttery smooth scroll-snapping (CSS-based, zero lag).

🎬 Smart Autoplay: Automatically plays the video currently on screen and pauses the rest to save battery and RAM. (Videos start muted per browser rules, tap to unmute!).

❤️ Interactive UI: Native floating "Like" button with click animations and a smartly formatted counter (e.g., 1.5K).

📝 Expandable Text: "TikTok-style" descriptions that automatically truncate at 2 lines. Users can tap to expand and read the full text against a beautiful blurred background.

⚡ Zero Black Screens: Supports thumbnail injection (poster) with smart rendering logic to completely eliminate black flashes while videos load.

🖼️ Client-Side Thumbnail Generator: A magical Element Action that takes any MP4 URL, invisibly extracts a frame at 0.5s, and returns a Base64 image for you to save in your database!

Demo Page: https://demo-app-56978.bubbleapps.io/version-test/swipetok_free/1779792291912x915934197679999100

Editor Page: https://bubble.io/page?id=demo-app-56978&test_plugin=1779721988297x413635296958611460_current&tab=Design&name=swipetok_free

Free

For everyone

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

Other actions

Platform

Web

Contributor details

NoCoddo logo
NoCoddo
Joined 2025   •   94 Plugins
View contributor profile

Instructions

How to set up your SwipeTok Feed:
Place the SwipeTok Free element on your page (Ensure it is exactly 100% width and 100% height of its parent container/screen).

Feed it your database lists: List of Video URLs (MP4s) and List of UIDs are required.

(Optional but recommended) Provide lists for Usernames, Descriptions, Likes Counts, and Thumbnails.

Tracking Views: Create a Bubble workflow: When SwipeTok Feed's video_changed -> Make changes to Video (Search for Video where Unique ID = SwipeTok's current_video_uid) -> Views = Views + 1.

Liking Videos: Create a workflow: When SwipeTok Feed's like_clicked -> Make changes to Video (Search for Video where Unique ID = SwipeTok's clicked_action_uid) -> Add User to Likes.

How to use the Magic Thumbnail Generator:

When a user uploads a video using a Bubble File Uploader, trigger the Element Action: Generate Thumbnail and pass the Uploader's URL.

Create a workflow: When SwipeTok Feed's thumbnail_ready -> Create your Video Thing in the database, and save SwipeTok's generated_thumbnail_base64 into an image field!

Types

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

Categories

This plugin can be found under the following categories:
Video   •   Social Network   •   Media   •   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble