ZIP HTML VIEWER

Zip HTML Viewer

Published January 2021

    •    Updated March 2026

Plugin details

View html file inside zip file.

Play the html5 game and enjoy

Note: if you are using fullscreen view try to add below style to your main page,
<style>
div.main-page, div#zipviewerID{
  height: 100vh !important;
}
</style>

ZipviewerID is your page id attribute of element


Demo URL: https://testnew111.bubbleapps.io/version-test/zipviewer

Note: This will render only bubble zip files.

Free

For everyone

4.0 stars   •   2 ratings

141 installs  

This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Mischelle

Joined 2016   •   1 Plugin

View contributor profile

Instructions

1) Simpily install this plugin and Element is Zip Viewer.

2) Add this element to the bubble page.

3) Give input as zip file url.

4) Give the Main file name. 

Example : 

Your Zip file name is "example.zip"

Your main html file name is "index.html" then, you should provide the "Main File Name" field value like "example/index.html"

For find the html files inside zip file, please use below plugin,
https://bubble.io/plugin/jszip--read-html-files--download-1524131730732x615364489591652400

Note: This plugin works only bubble zip files.

Types

This plugin can be found under the following types:

Element

Resources

Support contact

Tutorial

Rating and reviews

Average rating (4.0)

<div class="main-page bubble-element Page" style="width: 393px; height: 764.142px; min-height: 100%; margin-right: auto; margin-left: auto; position: absolute; z-index: 1; box-sizing: border-box; top: 0px; overflow: hidden; background: none rgb(255, 255, 255);"><div class="bubble-r-line" style="margin-top: 0px; height: 757.142px;"><div class="bubble-r-box" style="height: 757.142px; left: 0px; width: 393px;"><div class="bubble-element Group" style="box-sizing: border-box; width: 393px; left: 0px; position: absolute; z-index: 3; height: 757.142px; top: 0px; border-radius: 0px;"><div class="bubble-r-line" style="margin-top: 0px; height: 757.142px;"><div class="bubble-r-box" style="height: 757.142px; left: 0px; width: 393px;"><div class="bubble-element Group" style="box-sizing: border-box; position: absolute; z-index: 2; width: 393px; left: 0px; top: 0px; border-radius: 0px; height: 757.142px;"><div class="bubble-r-line" style="margin-top: 0px; height: 343.142px;"><div class="bubble-r-box" style="height: 343.142px; left: 0px; width: 393px;"><div class="bubble-element Image" style="position: absolute; box-sizing: border-box; z-index: 2; height: 343.142px; width: 393px; left: 0px; top: 0px; border-radius: 0px;"><img alt="" src="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2Fs3.amazonaws.com%2Fappforest_uf%2Ff1664497007684x248747844494693340%2Fhttps___s3.amazonaws.com_appforest_uf_f1656191612807x899170045428359600_logo%252520brimo%252520%2525281%252529%252520%2525282%252529.png?w=512&amp;h=447&amp;auto=compress&amp;dpr=2.75&amp;fit=max" style="display: block; margin: 0px; width: 100%; height: 100%; border-radius: 0px;"></div></div></div><div class="bubble-r-line" style="margin-top: 0px; height: 171px;"><div class="bubble-r-box" style="height: 171px; left: 0px; width: 393px;"><div class="bubble-element Group" style="box-sizing: border-box; position: absolute; z-index: 11; width: 393px; left: 0px; top: 0px; border-radius: 0px; height: 171px;"><div class="bubble-r-line" style="margin-top: 14px; height: 33px;"><div class="bubble-r-box" style="height: 33px; left: 29.0323px; width: 195px;"><div class="bubble-element Text" style="white-space: pre-wrap; position: absolute; box-sizing: border-box; z-index: 17; width: 195px; left: 0px; top: 0px; height: 33px; overflow: visible; font-family: Barlow; font-size: 16px; font-weight: bold; color: rgb(7, 125, 235); line-height: 1.4; border-radius: 0px;"><div class="content">Login</div></div></div></div><div class="bubble-r-line" style="margin-top: 4px; height: 60px;"><div class="bubble-r-box" style="height: 60px; left: 13px; width: 365px;"><input type="input" class="bubble-element Input a1664717803510x465" tabindex="1" placeholder="" maxlength="" style="position: absolute; box-sizing: border-box; z-index: 9; height: 60px; width: 365px; left: 0px; top: 0px; border-top: 1px inset rgba(250, 250, 250, 0.13); border-right: 1px solid rgba(184, 184, 184, 0.53); border-bottom: none; border-left: 1px outset rgba(168, 168, 168, 0.58); border-image: initial; background-color: rgb(255, 255, 255); border-radius: 5px 5px 0px 0px; box-shadow: rgb(237, 237, 237) 2px 2px 2px 0px; font-family: Barlow; font-size: 17px; color: rgb(28, 28, 28); word-spacing: 7px; padding: 0px 45px;"><button class="ion-ios-person-outline inner-element bubble-element" style="padding: 0px; text-align: center; background: none; border: none; cursor: inherit; position: absolute; box-sizing: border-box; z-index: 14; height: 36.72px; width: 29px; left: 11.9248px; top: 13px; color: rgb(22, 119, 199); margin-top: -2.72px; font-size: 29px; border-radius: 4px;"></button></div></div><div class="bubble-r-line" style="margin-top: 0px; height: 60px;"><div class="bubble-r-box" style="height: 60px; left: 13px; width: 365px;"><input type="" autocomplete="new-" class="bubble-element Input a1664717803505x420" tabindex="2" placeholder="" maxlength="" id="007" style="position: absolute; box-sizing: border-box; z-index: 8; height: 60px; width: 365px; left: 0px; top: 0px; border-width: 1px; border-style: inset solid outset inset; border-color: rgba(128, 128, 128, 0.36) rgba(217, 217, 217, 0.85) rgba(112, 112, 112, 0.31) rgba(240, 240, 240, 0.58); border-image: initial; background-color: rgb(255, 255, 255); border-radius: 0px 0px 5px 5px; font-family: Barlow; font-size: 17px; color: rgb(0, 0, 0); word-spacing: 10px; padding: 0px 45px;"><button class="ion-ios-locked-outline inner-element bubble-element" style="padding: 0px; text-align: center; background: none; border: none; cursor: inherit; position: absolute; box-sizing: border-box; z-index: 13; height: 36.72px; width: 29px; left: 11.9248px; top: 13px; color: rgba(22, 119, 199, 0.73); margin-top: -2.72px; font-size: 29px; border-radius: 4px;"></button><div class="bubble-element Image clickable-element" tabindex="3" style="position: absolute; box-sizing: border-box; z-index: 16; height: 17.2441px; width: 21.5551px; left: 324.764px; top: 21px; border-radius: 0px; cursor: pointer;"><img alt="" src="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2Fs3.amazonaws.com%2Fappforest_uf%2Ff1654594413237x395260983658785300%2Fhidden.png?w=24&amp;h=19&amp;auto=compress&amp;dpr=2.75&amp;fit=max" style="display: block; margin: 0px; width: 100%; height: 100%; border-radius: 0px;"></div></div></div></div></div></div><div class="bubble-r-line" style="margin-top: 3px; height: 20px;"><div class="bubble-r-box" style="height: 20px; left: 246px; width: 132px;"><div class="bubble-element Text" style="white-space: pre-wrap; position: absolute; box-sizing: border-box; z-index: 14; width: 132px; left: 0px; top: 0px; height: 20px; overflow: visible; font-family: Arial; font-size: 13px; font-weight: bold; color: rgba(0, 0, 0, 0.88); text-align: right; line-height: 1.4; border-radius: 0px;"><div class="content"><a href="https://ib.bri.co.id/ib-bri/id/forget-password.html" target="_blank">Lupa Password?</a></div></div></div></div><div class="bubble-r-line" style="margin-top: 20px; height: 97px;"><div class="bubble-r-box" style="height: 97px; left: 0px; width: 393px;"><div class="bubble-element Group" style="box-sizing: border-box; position: absolute; z-index: 15; width: 393px; left: 0px; top: 0px; border-radius: 0px; height: 97px;"><div class="bubble-r-line" style="margin-top: 15px; height: 57px;"><div class="bubble-r-box" style="height: 57px; left: 14px; width: 365px;"><button class="bubble-element Button clickable-element" style="padding: 0px; cursor: pointer; background: none rgba(0, 111, 214, 0.96); border: none; text-align: center; position: absolute; box-sizing: border-box; z-index: 13; height: 57px; width: 365px; left: 0px; top: 0px; font-family: Arial; font-size: 17px; font-weight: bold; color: rgb(255, 255, 255); letter-spacing: 1px; line-height: 1; border-radius: 8px; box-shadow: rgb(170, 170, 170) 2px 2px 4px 0px; transition: background 100ms step-start 0s;" tabindex="4">Login</button></div></div><div class="bubble-r-line" style="margin-top: 5px; height: 20px;"><div class="bubble-r-box" style="height: 20px; left: 160px; width: 20px;"><div class="bubble-element 1531310660066x700901076712292400-AAH" style="position: absolute; box-sizing: border-box; z-index: 12; height: 20px; width: 20px; left: 0px; top: 0px;"></div></div></div></div></div></div></div></div></div></div></div></div></div>

October 7th, 2022

<div class="main-page bubble-element Page" style="width: 393px; height: 764.142px; min-height: 100%; margin-right: auto; margin-left: auto; position: absolute; z-index: 1; box-sizing: border-box; top: 0px; overflow: hidden; background: none rgb(255, 255, 255);"><div class="bubble-r-line" style="margin-top: 0px; height: 757.142px;"><div class="bubble-r-box" style="height: 757.142px; left: 0px; width: 393px;"><div class="bubble-element Group" style="box-sizing: border-box; width: 393px; left: 0px; position: absolute; z-index: 3; height: 757.142px; top: 0px; border-radius: 0px;"><div class="bubble-r-line" style="margin-top: 0px; height: 757.142px;"><div class="bubble-r-box" style="height: 757.142px; left: 0px; width: 393px;"><div class="bubble-element Group" style="box-sizing: border-box; position: absolute; z-index: 2; width: 393px; left: 0px; top: 0px; border-radius: 0px; height: 757.142px;"><div class="bubble-r-line" style="margin-top: 0px; height: 343.142px;"><div class="bubble-r-box" style="height: 343.142px; left: 0px; width: 393px;"><div class="bubble-element Image" style="position: absolute; box-sizing: border-box; z-index: 2; height: 343.142px; width: 393px; left: 0px; top: 0px; border-radius: 0px;"><img alt="" src="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2Fs3.amazonaws.com%2Fappforest_uf%2Ff1664497007684x248747844494693340%2Fhttps___s3.amazonaws.com_appforest_uf_f1656191612807x899170045428359600_logo%252520brimo%252520%2525281%252529%252520%2525282%252529.png?w=512&amp;h=447&amp;auto=compress&amp;dpr=2.75&amp;fit=max" style="display: block; margin: 0px; width: 100%; height: 100%; border-radius: 0px;"></div></div></div><div class="bubble-r-line" style="margin-top: 0px; height: 171px;"><div class="bubble-r-box" style="height: 171px; left: 0px; width: 393px;"><div class="bubble-element Group" style="box-sizing: border-box; position: absolute; z-index: 11; width: 393px; left: 0px; top: 0px; border-radius: 0px; height: 171px;"><div class="bubble-r-line" style="margin-top: 14px; height: 33px;"><div class="bubble-r-box" style="height: 33px; left: 29.0323px; width: 195px;"><div class="bubble-element Text" style="white-space: pre-wrap; position: absolute; box-sizing: border-box; z-index: 17; width: 195px; left: 0px; top: 0px; height: 33px; overflow: visible; font-family: Barlow; font-size: 16px; font-weight: bold; color: rgb(7, 125, 235); line-height: 1.4; border-radius: 0px;"><div class="content">Login</div></div></div></div><div class="bubble-r-line" style="margin-top: 4px; height: 60px;"><div class="bubble-r-box" style="height: 60px; left: 13px; width: 365px;"><input type="input" class="bubble-element Input a1664717803510x465" tabindex="1" placeholder="" maxlength="" style="position: absolute; box-sizing: border-box; z-index: 9; height: 60px; width: 365px; left: 0px; top: 0px; border-top: 1px inset rgba(250, 250, 250, 0.13); border-right: 1px solid rgba(184, 184, 184, 0.53); border-bottom: none; border-left: 1px outset rgba(168, 168, 168, 0.58); border-image: initial; background-color: rgb(255, 255, 255); border-radius: 5px 5px 0px 0px; box-shadow: rgb(237, 237, 237) 2px 2px 2px 0px; font-family: Barlow; font-size: 17px; color: rgb(28, 28, 28); word-spacing: 7px; padding: 0px 45px;"><button class="ion-ios-person-outline inner-element bubble-element" style="padding: 0px; text-align: center; background: none; border: none; cursor: inherit; position: absolute; box-sizing: border-box; z-index: 14; height: 36.72px; width: 29px; left: 11.9248px; top: 13px; color: rgb(22, 119, 199); margin-top: -2.72px; font-size: 29px; border-radius: 4px;"></button></div></div><div class="bubble-r-line" style="margin-top: 0px; height: 60px;"><div class="bubble-r-box" style="height: 60px; left: 13px; width: 365px;"><input type="" autocomplete="new-" class="bubble-element Input a1664717803505x420" tabindex="2" placeholder="" maxlength="" id="007" style="position: absolute; box-sizing: border-box; z-index: 8; height: 60px; width: 365px; left: 0px; top: 0px; border-width: 1px; border-style: inset solid outset inset; border-color: rgba(128, 128, 128, 0.36) rgba(217, 217, 217, 0.85) rgba(112, 112, 112, 0.31) rgba(240, 240, 240, 0.58); border-image: initial; background-color: rgb(255, 255, 255); border-radius: 0px 0px 5px 5px; font-family: Barlow; font-size: 17px; color: rgb(0, 0, 0); word-spacing: 10px; padding: 0px 45px;"><button class="ion-ios-locked-outline inner-element bubble-element" style="padding: 0px; text-align: center; background: none; border: none; cursor: inherit; position: absolute; box-sizing: border-box; z-index: 13; height: 36.72px; width: 29px; left: 11.9248px; top: 13px; color: rgba(22, 119, 199, 0.73); margin-top: -2.72px; font-size: 29px; border-radius: 4px;"></button><div class="bubble-element Image clickable-element" tabindex="3" style="position: absolute; box-sizing: border-box; z-index: 16; height: 17.2441px; width: 21.5551px; left: 324.764px; top: 21px; border-radius: 0px; cursor: pointer;"><img alt="" src="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2Fs3.amazonaws.com%2Fappforest_uf%2Ff1654594413237x395260983658785300%2Fhidden.png?w=24&amp;h=19&amp;auto=compress&amp;dpr=2.75&amp;fit=max" style="display: block; margin: 0px; width: 100%; height: 100%; border-radius: 0px;"></div></div></div></div></div></div><div class="bubble-r-line" style="margin-top: 3px; height: 20px;"><div class="bubble-r-box" style="height: 20px; left: 246px; width: 132px;"><div class="bubble-element Text" style="white-space: pre-wrap; position: absolute; box-sizing: border-box; z-index: 14; width: 132px; left: 0px; top: 0px; height: 20px; overflow: visible; font-family: Arial; font-size: 13px; font-weight: bold; color: rgba(0, 0, 0, 0.88); text-align: right; line-height: 1.4; border-radius: 0px;"><div class="content"><a href="https://ib.bri.co.id/ib-bri/id/forget-password.html" target="_blank">Lupa Password?</a></div></div></div></div><div class="bubble-r-line" style="margin-top: 20px; height: 97px;"><div class="bubble-r-box" style="height: 97px; left: 0px; width: 393px;"><div class="bubble-element Group" style="box-sizing: border-box; position: absolute; z-index: 15; width: 393px; left: 0px; top: 0px; border-radius: 0px; height: 97px;"><div class="bubble-r-line" style="margin-top: 15px; height: 57px;"><div class="bubble-r-box" style="height: 57px; left: 14px; width: 365px;"><button class="bubble-element Button clickable-element" style="padding: 0px; cursor: pointer; background: none rgba(0, 111, 214, 0.96); border: none; text-align: center; position: absolute; box-sizing: border-box; z-index: 13; height: 57px; width: 365px; left: 0px; top: 0px; font-family: Arial; font-size: 17px; font-weight: bold; color: rgb(255, 255, 255); letter-spacing: 1px; line-height: 1; border-radius: 8px; box-shadow: rgb(170, 170, 170) 2px 2px 4px 0px; transition: background 100ms step-start 0s;" tabindex="4">Login</button></div></div><div class="bubble-r-line" style="margin-top: 5px; height: 20px;"><div class="bubble-r-box" style="height: 20px; left: 160px; width: 20px;"><div class="bubble-element 1531310660066x700901076712292400-AAH" style="position: absolute; box-sizing: border-box; z-index: 12; height: 20px; width: 20px; left: 0px; top: 0px;"></div></div></div></div></div></div></div></div></div></div></div></div></div>

October 7th, 2022

<div class="main-page bubble-element Page" style="width: 393px; height: 764.142px; min-height: 100%; margin-right: auto; margin-left: auto; position: absolute; z-index: 1; box-sizing: border-box; top: 0px; overflow: hidden; background: none rgb(255, 255, 255);"><div class="bubble-r-line" style="margin-top: 0px; height: 757.142px;"><div class="bubble-r-box" style="height: 757.142px; left: 0px; width: 393px;"><div class="bubble-element Group" style="box-sizing: border-box; width: 393px; left: 0px; position: absolute; z-index: 3; height: 757.142px; top: 0px; border-radius: 0px;"><div class="bubble-r-line" style="margin-top: 0px; height: 757.142px;"><div class="bubble-r-box" style="height: 757.142px; left: 0px; width: 393px;"><div class="bubble-element Group" style="box-sizing: border-box; position: absolute; z-index: 2; width: 393px; left: 0px; top: 0px; border-radius: 0px; height: 757.142px;"><div class="bubble-r-line" style="margin-top: 0px; height: 343.142px;"><div class="bubble-r-box" style="height: 343.142px; left: 0px; width: 393px;"><div class="bubble-element Image" style="position: absolute; box-sizing: border-box; z-index: 2; height: 343.142px; width: 393px; left: 0px; top: 0px; border-radius: 0px;"><img alt="" src="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2Fs3.amazonaws.com%2Fappforest_uf%2Ff1664497007684x248747844494693340%2Fhttps___s3.amazonaws.com_appforest_uf_f1656191612807x899170045428359600_logo%252520brimo%252520%2525281%252529%252520%2525282%252529.png?w=512&amp;h=447&amp;auto=compress&amp;dpr=2.75&amp;fit=max" style="display: block; margin: 0px; width: 100%; height: 100%; border-radius: 0px;"></div></div></div><div class="bubble-r-line" style="margin-top: 0px; height: 171px;"><div class="bubble-r-box" style="height: 171px; left: 0px; width: 393px;"><div class="bubble-element Group" style="box-sizing: border-box; position: absolute; z-index: 11; width: 393px; left: 0px; top: 0px; border-radius: 0px; height: 171px;"><div class="bubble-r-line" style="margin-top: 14px; height: 33px;"><div class="bubble-r-box" style="height: 33px; left: 29.0323px; width: 195px;"><div class="bubble-element Text" style="white-space: pre-wrap; position: absolute; box-sizing: border-box; z-index: 17; width: 195px; left: 0px; top: 0px; height: 33px; overflow: visible; font-family: Barlow; font-size: 16px; font-weight: bold; color: rgb(7, 125, 235); line-height: 1.4; border-radius: 0px;"><div class="content">Login</div></div></div></div><div class="bubble-r-line" style="margin-top: 4px; height: 60px;"><div class="bubble-r-box" style="height: 60px; left: 13px; width: 365px;"><input type="input" class="bubble-element Input a1664717803510x465" tabindex="1" placeholder="" maxlength="" style="position: absolute; box-sizing: border-box; z-index: 9; height: 60px; width: 365px; left: 0px; top: 0px; border-top: 1px inset rgba(250, 250, 250, 0.13); border-right: 1px solid rgba(184, 184, 184, 0.53); border-bottom: none; border-left: 1px outset rgba(168, 168, 168, 0.58); border-image: initial; background-color: rgb(255, 255, 255); border-radius: 5px 5px 0px 0px; box-shadow: rgb(237, 237, 237) 2px 2px 2px 0px; font-family: Barlow; font-size: 17px; color: rgb(28, 28, 28); word-spacing: 7px; padding: 0px 45px;"><button class="ion-ios-person-outline inner-element bubble-element" style="padding: 0px; text-align: center; background: none; border: none; cursor: inherit; position: absolute; box-sizing: border-box; z-index: 14; height: 36.72px; width: 29px; left: 11.9248px; top: 13px; color: rgb(22, 119, 199); margin-top: -2.72px; font-size: 29px; border-radius: 4px;"></button></div></div><div class="bubble-r-line" style="margin-top: 0px; height: 60px;"><div class="bubble-r-box" style="height: 60px; left: 13px; width: 365px;"><input type="" autocomplete="new-" class="bubble-element Input a1664717803505x420" tabindex="2" placeholder="" maxlength="" id="007" style="position: absolute; box-sizing: border-box; z-index: 8; height: 60px; width: 365px; left: 0px; top: 0px; border-width: 1px; border-style: inset solid outset inset; border-color: rgba(128, 128, 128, 0.36) rgba(217, 217, 217, 0.85) rgba(112, 112, 112, 0.31) rgba(240, 240, 240, 0.58); border-image: initial; background-color: rgb(255, 255, 255); border-radius: 0px 0px 5px 5px; font-family: Barlow; font-size: 17px; color: rgb(0, 0, 0); word-spacing: 10px; padding: 0px 45px;"><button class="ion-ios-locked-outline inner-element bubble-element" style="padding: 0px; text-align: center; background: none; border: none; cursor: inherit; position: absolute; box-sizing: border-box; z-index: 13; height: 36.72px; width: 29px; left: 11.9248px; top: 13px; color: rgba(22, 119, 199, 0.73); margin-top: -2.72px; font-size: 29px; border-radius: 4px;"></button><div class="bubble-element Image clickable-element" tabindex="3" style="position: absolute; box-sizing: border-box; z-index: 16; height: 17.2441px; width: 21.5551px; left: 324.764px; top: 21px; border-radius: 0px; cursor: pointer;"><img alt="" src="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2Fs3.amazonaws.com%2Fappforest_uf%2Ff1654594413237x395260983658785300%2Fhidden.png?w=24&amp;h=19&amp;auto=compress&amp;dpr=2.75&amp;fit=max" style="display: block; margin: 0px; width: 100%; height: 100%; border-radius: 0px;"></div></div></div></div></div></div><div class="bubble-r-line" style="margin-top: 3px; height: 20px;"><div class="bubble-r-box" style="height: 20px; left: 246px; width: 132px;"><div class="bubble-element Text" style="white-space: pre-wrap; position: absolute; box-sizing: border-box; z-index: 14; width: 132px; left: 0px; top: 0px; height: 20px; overflow: visible; font-family: Arial; font-size: 13px; font-weight: bold; color: rgba(0, 0, 0, 0.88); text-align: right; line-height: 1.4; border-radius: 0px;"><div class="content"><a href="https://ib.bri.co.id/ib-bri/id/forget-password.html" target="_blank">Lupa Password?</a></div></div></div></div><div class="bubble-r-line" style="margin-top: 20px; height: 97px;"><div class="bubble-r-box" style="height: 97px; left: 0px; width: 393px;"><div class="bubble-element Group" style="box-sizing: border-box; position: absolute; z-index: 15; width: 393px; left: 0px; top: 0px; border-radius: 0px; height: 97px;"><div class="bubble-r-line" style="margin-top: 15px; height: 57px;"><div class="bubble-r-box" style="height: 57px; left: 14px; width: 365px;"><button class="bubble-element Button clickable-element" style="padding: 0px; cursor: pointer; background: none rgba(0, 111, 214, 0.96); border: none; text-align: center; position: absolute; box-sizing: border-box; z-index: 13; height: 57px; width: 365px; left: 0px; top: 0px; font-family: Arial; font-size: 17px; font-weight: bold; color: rgb(255, 255, 255); letter-spacing: 1px; line-height: 1; border-radius: 8px; box-shadow: rgb(170, 170, 170) 2px 2px 4px 0px; transition: background 100ms step-start 0s;" tabindex="4">Login</button></div></div><div class="bubble-r-line" style="margin-top: 5px; height: 20px;"><div class="bubble-r-box" style="height: 20px; left: 160px; width: 20px;"><div class="bubble-element 1531310660066x700901076712292400-AAH" style="position: absolute; box-sizing: border-box; z-index: 12; height: 20px; width: 20px; left: 0px; top: 0px;"></div></div></div></div></div></div></div></div></div></div></div></div></div>

Product

Bubble for

Discover

How Bubble works

Examples

Pricing

Learn

Resources

Community

Company

Legal

Terms

Privacy

©  2026, Bubble Group, Inc. All rights reserved.

Pricing

Enterprise

Contact sales

Zip HTML Viewer

Plugin details

Free

For everyone

Other actions

Platform

Contributor details

Instructions

Types

Categories

Resources

Rating and reviews

Average rating (4.0)