Frames ― A modular design system for Bubble

Super pumped to announce @eli has joined the team. Eli is without a doubt a bubble OG.

A fun, honest and technical genius :brain:

Eli will bring a wealth of knowledge and experience to help us deliver a far more robust product.

Welcome onboard @eli :wave:

8 Likes

im having an issue where it tells me to change my page width, and it refuses to let me copy anything otherwise, but my page width and other options are exactly how it says they should be. happening across all pages and apps i try it on

1 Like

Very nice! Any idea when this will be released?

1 Like

We’ve just rebuilt and deploy a new version of the extension. Can you check that you are on version 0.11.0 on your browsers ‘manage extension’ section please? It should update in the background but worth checking.

Also, log out and log back in.

Let me know the results.

1 Like

had to reinstall the extention. works now, thanks!

2 Likes

Hey, I’m going full throttle next week so you’ll start seeing brand new flexbox elements dripped into the panel. We’ll also be updating this* thread and our twitter feed with the bounty.

https://twitter.com/madewithframes
https://twitter.com/buildcamp

Exciting times for Frames and the bubble community :zap:

4 Likes

Hi @jameore. First of all, congrats for all the templated sections and layouts you are building, it’s awesome and saves me tons of time building my app. I’m using the version 0.11.0
of the frames extension and the sections do not seem to be compatible with the Bubble new responsive engine. Is that correct? Will you release a version of frames that is compatible with the Bubble new responsive engine? thanks!

2 Likes

Yes, it’s still not available for the new responsive engine. But soon it will!
@jameore is working hard on it :fire:

2 Likes

Seb, my man :pray:

Coming soon everyone I promise, disruption guaranteed :star_struck:

3 Likes

If you’re building now, stop :warning:

@bubble community, take the week off, go on vacation.

I can :100: guarantee you’ll be…

:white_check_mark: …building smarter, faster
:white_check_mark: …saving time, money
:white_check_mark: …distrupting your market

Frames 2.0

In just under 5 mins I built this super responsive dashboard application :zap:

Here’s how I did it… (I’ll keep it simple)

Step 1

:file_folder: themes > dashboard > boilerplates

I set the stage with a solid foundation :building_construction:

Step 2

:file_folder: themes > dashboard > page-headings

Got up close and personal with a friendly welcome :wave:

Step 3

:file_folder: components > dashboard > cards

Decided to get funky with some layout cards :dancer:

Step 4

:file_folder: components > dashboard > section-headings

Added some whitespace functionality :hammer_and_wrench:

Step 5

:file_folder: components > dashboard > repeating-tables

Dropped in some responsive data tables :rocket:

Step 6

:file_folder: components > dashboard > section-headings

Added more whitespace functionality :stuck_out_tongue_winking_eye:

Step 7

:file_folder: components > dashboard > repeating-grids

Dropped in some responsive data grids :rocket:

Step 8

:file_folder: ui > dashboard > placeholders

Left some breathing space with a placeholder :blue_square:

Step 9

:file_folder: ui > dashboard > alerts

Set an alert to the bottom for less friction :warning:

Step 10

:file_folder: themes > dashboard > pages

In under 2 mins I had built this :point_down:

(Yes, I’ve made this available for you to use :star_struck:)

Step 11

Uploaded some TEST data :arrow_up:

Step 12

Switched out the color and added some flair :rainbow:

Service link

ETA
7 more sleeps :zzz:

(Not long now :heart:)

Jam

7 Likes

The :poop: is about to go down :point_down:

:file_folder: ui > alerts

:file_folder: ui > avatars

:file_folder: ui > buttons

:file_folder: ui > button-groups

:file_folder: ui > badges

4 Likes

awesome. This would save a lot of time if it works with the new responsive engine

1 Like

Built, tried and tested for the new repo engine :star_struck:

2 Likes

Awesome. Where can I buy it :wink:

1 Like

Coming on Monday Ab, more details to follow :+1:

1 Like

great product from buildcamp.
is only used in the bubble all responsive engine ?

1 Like

Hey tid, Frames currently supports the old responsive engine (Legacy) > Frames 2.0 will support the new responsive engine (Flexbox).

It drops on Monday > it is an absolute beast :cut_of_meat:

1 Like

I’m working at full throttle, more loot :candy:

:file_folder: ui > icons

:file_folder: ui > form-elements

4 Likes

I am in -4 days timezone. So its Monday here :wink:

Good luck releasing the product!

1 Like

That’s cheating Ab :sweat_smile:


Thank you to everyone so far.

We just smashed 3,000+ users in over 118 countries and the handbrake is still on.

3 Likes