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

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

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

Discover bubble websites built by the Webflow community

Discover bubble websites built by the Webflow community