Discover the best bubble websites created by professional designers. Get inspired and start planning your perfect bubble web design today!

I rebuilt Bubble.io responsively within two hours to demonstrate how efficient Webflow is and create an educational resource for everyone.

Bubble • Protocore Rebuild

Rebuild → Bubble.io

Solomid.Tech

Clone this project to create a bubble machine on your website!

The concept gets easy when you understand the logic that I used to create the effect. All the information needed is on the page inside the Tips section.

If you have any questions just ask!

See this effect on my personal website: solomid.tech

Webflow Bubble Machine

A contact form bubble you can copy and paste in your projects. Mobile ready.

The second page of the project will allow you to visually edit the chat header text and pictures, via a symbol approach.

---------------------------

BTW, you are welcome to show your support by subscribing to my channel:

https://www.youtube.com/channel/UCOpQffrF5Y79_fWGSXfBqDw

Chat BBQ

Cloneable chat-like contact bubble

Series of videos on how to do things like set up analytics and email automation on your no-code apps.

Marketing for no-coders

Dark/night mode with no custom code, along with a bonus reveal on hover interaction (both are responsive on all viewport sizes). I hope you find this useful :)

Night Mode

Dark/Night Mode + Reveal Image on Link Hover

Find, share and submit your favourite platforms from Soundcloud, Spotify or Apple Music! Get involved by submitting your favourite playlist.

Selected

Selected Sounds

Jin Chuah

Lava lamp's gooey effect is achieved with SVG filters ‘feGaussianBlur’ & ‘feColorMatrix’. Not ideal for smaller fonts because they tend to disappear.

Bubbles are responsive even for mobile size thanks to vmin unit I learned form Finsweet https://youtu.be/UmSB0M58tP0

Lava Lamp-sum

Lava lamp animation

Built with Webflow's native slider + interactions. Bubble upward movement triggered by Slider change, left & right movement triggered by left & right arrow. 

This make the bubbles move through the slides. Enjoy!

Bubble Slider

Matthias Solberghe

Bird Larsen combines their business insights with their love for software development, while leveraging low-code tools such as Bubble to build tailored applications.

Bird Larsen

Bird Larsen | Low-code Agency

Nymbl uses tools like Bubble, Retool & Webflow saving you time, and money, and enabling your company to deliver more business value in less time! Nymbl is regarded as the best low code no code agency in the Low-Code No- Code arena.

Nymbl

Low-Code No-Code App Development Agency in Boston, MA

Noxcod

Website of our No code agency
https://www.noxcod.com/

Website for Webflow expert, Karim Ardalan.

Discover bubble websites built by the Webflow community

Discover bubble websites built by the Webflow community