Forum Documentation Showcase Pricing Learn more

Introducing AirDev Canvas Pages - build custom and fully-responsive pages in just a few minutes


#1

Hi Bubblers,

Two months ago we released AirDev Canvas to the Bubble community. As a reminder, Canvas is a free Bubble app foundation that makes it significantly faster and easier to build high-quality apps (see original post here). We’ve been thrilled to see several hundred apps created using Canvas since its release, and lots of helpful feedback from the community to make it better.

Today, we’re releasing a public beta of Canvas Pages. Pages allows you to quickly configure custom pages on top of your Canvas app from a library of fully-responsive modules that are built to fit seamlessly with the existing visual styles and dimensions.

Let me explain the reasoning behind this approach to Bubble development. Developing an application is always a balance between customization and simplicity. Many of us found when we started working on Bubble that is offers incredible customization, but that creating a full app from scratch is a ton of work and often results in poor design & persistent bugs. App templates, on the other hand, are really simple to purchase, but they only work if you’re trying to build something that’s very close to the template you choose (e.g., an Airbnb clone). With Canvas Pages, we are trying to give you cake and let you eat it – with a few clicks, you can customize each page you need while adhering to a consistent set of standards, so your app looks and works great but fits your unique blueprint.

For example, let’s say you’re trying to create a basic version of a marketplace. You probably need at least 3 pages (in addition to the pages that already come with Canvas, like the homepage, settings page, and owner’s portal):

  1. A search page that allows users to search for products based on various criteria
  2. A profile page for a product that shows some basic information about the product, reviews, and other relevant products
  3. A private portal for a user, where they can manage their products & purchases

To build that UI through Canvas Pages, you will do the following:

  1. Add this page with this group
  2. Add this page with this group and this group
  3. Add this page with this group

Note that Canvas Pages is primarily meant for UI at this point, meaning that if you add a “reviews” group to a page, you’ll also have to set up the workflows and database that are required to make reviews work. That’s because reviews are likely to need to work differently across different applications. However, some navigation/visual logic is already included in the pages.

Each page and group costs a certain number of credits that you purchase. Pages and groups are licensed per app, so once you buy one for an app, you can use it in that same app as many times as you’d like.

Here’s a short video that shows how Canvas Pages works. Please feel free to comment on this thread with any questions or page/group requests. We plan to continuously update our library with the most highly requested assets.

Thanks!

Vlad
AirDev


Introducing AirDev Canvas - the free app foundation for your next Bubble project
#2

As a thank you to all the support we’ve received from the Bubble community, we are giving away 3 credits to all new users (and existing Canvas users). Feel free to try out Canvas Pages and let us know what you think!

Stephanie
AirDev


#3

This is a very exciting!

I actually think you are solving a massive pain point in the bubble ecosystem. Over the last year I have struggled with design and I would say spent 35% of my time fiddling and trying to develop Concepts around graphical design and layout for my app.

As a complete novis and no understanding of programming or development when I first started a year and a half ago this would have been an absolute godsend! as I quite often finding myself getting dragged down a hole I’ve design and not programming. (Hopefully you understand what I mean here)

Even to this day I struggle with design and my journey on development with bubble.

I’ve not had a chance to look in detail yet but is it possible to apply these templates to existing pages?

I will take a deeper dive tomorrow and i really appreciate all your amazing input into the bubble community.

Kind regards


#4

Thanks for the input @timgarrett111! Would love to get your feedback after you take it for a spin, so we can improve the flow.

To answer your question, Canvas pages can only be added to apps you’ve created through Canvas, and Canvas groups/modules can only be added to pages you’re creating through Canvas. The reason for this is because everything relies on the underlying set of styles and dimensions in the Canvas app — putting them into another app would create lots of Bubble issues and mess with responsiveness. So it’s a bit of a limitation if you’re trying to add to an old app, but Canvas has lots of goodies out of the box so it’s a great way to start something new (it’s what we use).

Looking forward to your feedback!


#5

to be honest this may bring me back to bubble. i’m afraid bubble has completely fallen behind responsive design and needs a massive rethink. bubbles strengths are its logic, authentication and database model but its design side is too flexible so you spend ages on design issues that come out of the box using css frameworks.


#6

Let us know how you find the experience @peter. I’d be really curious to hear whether it fills the gap you’re describing or still falls short. Thanks!


#7

Hi all,

Some of you may have noticed previously that when switching between the tabs in the Canvas portal the texts sometimes overflow the containing groups. This is due to a bubble bug with collapsing groups which bubble just pushed a fix for today. Hopefully this improves the user experience and makes it easier to read the content.

Enjoy and let us know if you find Canvas Pages useful!

Stephanie
AirDev


#8

Hi Bubblers,

We’ve released a new group called Instagram Tiles Group. Let us know what other groups you think would be useful to you and we will add those groups from our end. Thanks again!

Create your fully-responsive pages today at AirDev Canvas.


#9

Canvas Pages with Groups are the closest thing to the prepackaged reusable elements I mentioned here.

I bought some credits and created a page with a group the other day and the process was very slick. Very well done.

Page/Group suggestion: A page and/or groups for Post and Comments would be useful I think - you know, with a section for the main post and a repeating group for comments on that post.


#10

Hi Louis,

Thank you! That is a great suggestion! I’ll add that to our list of upcoming releases. In the next couple of weeks, we will be adding more groups - including fully functional widgets like chat, discussion board, and etc. Stay tuned! :smiley: