Frames ― A modular design system for Bubble

We are super excited to announce the official community release of Frames.

What is Frames

Frames is a super lightweight and simple to use modular design system for Bubble. It enables users to quickly create consistent and pixel perfect responsive layouts in a few clicks.

Why use Frames

:white_check_mark: 100% free to use on any Bubble plan and across an unlimited amount of apps

:white_check_mark: Frames will save you hours on in-app design and development

:white_check_mark: Frames will save you money on 3rd party design and development

:white_check_mark: From desktop to mobile, Frames has responsive logic baked in

:white_check_mark: Frames has industry leading pixel perfect wireframe designs

:white_check_mark: Frames is super lightweight with absolutely no bloat

A quick introduction

Getting started

Please follow these simple steps.

  1. Install the chrome extension:

https://chrome.google.com/webstore/detail/frames/hihddnjamcpdegjphaokpldajmpcmlkc

  1. Open Bubble and click on the small bottom right Frames icon
  2. Signup and away you go

Help and support

Please refer to the official Frames manual here:

Product roadmap

Frames has undergone a robust and rigorous Alpha and Beta testing process to ensure it is market ready.

Although Frames has only just been released, it comes pre-packed with 200+ pre-designed sections that you simply copy and paste onto the canvas.

The initial feedback we have received since launch has been phenomenal and this is just merely the start.

Over the next few weeks we will be working hard on developing it further which includes but not limited to:

  • New Bubble elements (repeating-groups, floating-groups, popups and forms)
  • Application UI (robust dashboard elements and sections)
  • Starter themes and pages
  • Workflow logic and enhanced UX

Community support :heart:

We would love to hear your feedback. What do you like about Frames, what do you dislike about Frames, what could be improved and what you would like to see going forward.

Team

@jameore @sudsy @gregoryjohn

Links

@madewithframes | madewithframes.com | manual.madewithframes.com

71 Likes

Reminds me of mobirise :grin::wink:

5 Likes

Totally. Others have said Bootstrap, Elementor, Tailwind UI for Bubble. Very much layout focussed at the moment.

7 Likes

This is so cool! I’m really looking forward to trying it out and seeing how it all works. I built my landing page for my app in Dorik but may try and remake it all using Frames. Great work as per usual!

3 Likes

Looks awesome !!

3 Likes

Thanks Alan :grinning:

2 Likes

Integration works like a charm. Loving it!

3 Likes

Great job!
There are so many elements that can be created.

3 Likes

Awesome to hear - hit me back with your designs, would love to see them.

2 Likes

Totally, this is just the start. Next is application UI.

8 Likes

I downloaded the extension and pinned it, once I clicked the frames icon, nothing really happens, I dont see the sign up panel? Any suggestions?

On a side note bubble should invest in you guys for development

2 Likes

Try a hard refresh, that should clear things for you.

Thank you, 3 times a charm (probably because I had a tone of pages open) :grin:

2 Likes

An active bubbler!!! awesomeness mr rabbit

2 Likes

This is fabulous!!! Landing page done in minutes!

4 Likes

Great to see others are seeing the potential of chrome extensions!

I think it’s great that more people are pushing bubble design! :hugs:

4 Likes

Thanks Vincent, not sure about the ‘clone’ reference but value you’re feedback.

Great stuff :clap: :clap: :clap:

2 Likes

I mean the fact that the extension basically looks and works exactly the same.

But using this mechanism in a browser extension is an absolute no-brainer! So congrats on the launch :blush:

2 Likes

Totally. You guys came up with the concept of the Chrome extension. Always thought it was great concept but openBuild didn’t work for us just because we all have different ways to tackle responsive design. We have a system we feel works for us and we teach a successful design bootcamp on the subject.

The valued offering for Frames is really about the content within. The Chrome extension is the ‘enabler’ but the content is the value.

4 Likes