[New Extension] Elemental - Better notes/comments in Bubble

Hey everyone! :wave:

I started working on an idea (called Elemental)that might be cool for other devs, teams/agencies. If you want a better way to document and collaborate directly in Bubble, this might be for you.

This is just a working proof-of-concept of what to expect. The is not the end, this is just the beginning

Key points worth mentioning:

  • You’ll be able to comment, pretty much everything just like you would with the native Bubble notes;
  • Keep track of tasks in your notes directly;
  • Notes with context: just like in Bubble, you’ll be able to navigate from a note to the element, reusable, page workflow, etc with a single click;
  • Searchable notes, with options to sort/filter, label/tag and even group notes;
  • You’ll have the option to embed supported content (e.g: loom videos) into your notes;
  • Tag/assign other people to a note;

Just like I mention in the video, I have a lot of ideas but I’d like to focus on pain-points that other bubble developers, teams/agencies face when documenting apps, sharing documentation, collaborating around notes, tasks in Bubble.

I’m trying to validate this idea and see if there is any interest from the community. If you’re interested and what to pre-order to get early access, pre-order is available:

Join waitlist (HERE)

Feel free to ask questions, give feedback suggestion!

You can also follow me on X for updates: https://x.com/bryanrcosta (I’ll do my best to keep this topic updated as well)

15 Likes

This is brilliant @bryanrcosta! :clap: :clap: :clap:
Congratulations.

1 Like

This is objectively excellent! About to pre-order - does it matter whether this is the email I use for my Bubble account, or does it not matter?

A few suggestions/things I’d like to see:

  • Is there anyway to highlight which note/workflow relate to each other when hovering over one or the other?
  • Two layer system, with sub-notes for steps in the workflow when you’re in a main workflow note
  • Tagging notes (might be your label system), so you can see all the notes with a slected tag
  • A view of all tasks across the note system, so you can easily find anything that needs to be done across your whole app.

Cheers
Simon

1 Like

Thank you @rpetribu :heart:

This is objectively excellent! About to pre-order - does it matter whether this is the email I use for my Bubble account, or does it not matter?

Wow, Awesome @SJL !! It doesn’t matter which email you use. This can always be changed later if necessary :slight_smile: I’d add: just use an email where I can reach you for further input when needed.

Really means a lot that you’r willing to take that step :heart:

Coming to your questions:

  • Is there anyway to highlight which note/workflow relate to each other when hovering over one or the other?

On hover, not at the moment. Highlight only happens when clicking the note, or the “Target” (I need to get better names :sweat_smile:) icon in the detail view of a note.

I’d need to explore this further. Could you tell me what problem this would solve for you if you could highlight on hover?

  • Two layer system, with sub-notes for steps in the workflow when you’re in a main workflow note

Being able to connect different notes, and navigate between them is on the roadmap as well. I’d like to better understand in which cases this would be useful for you though.

  • Tagging notes (might be your label system), so you can see all the notes with a slected tag

You’ll be able to search/filter notes by tags :+1:

  • A view of all tasks across the note system, so you can easily find anything that needs to be done across your whole app.

This is definitely a big part of my vision to improve the development experience in Bubble. I have nothing to show for yet, but it’s in the works :sunglasses:

Great idea, @bryanrcosta !
Is your notes extension built on top of native Bubble notes? What I mean is - notes made from your tool will also be stored as default notes directly in Bubble (without additional formatting and extended info) or they are available only via extension?

1 Like

@artemzheg notes are stored in the extension. You will have the option to export your notes though.

What pain-point would it solve for you, if the content of the notes were stored in bubble’s native notes?

Wouldn’t call it a pain point, more like a safety option for developers and customers/app owners.
Making notes in Bubble is a solid practice for me to have a quick access to what, why and how I’m doing things in a WF. When agency finishes development and passes app to the customer - native Bubble notes will be available for the app owner.

So maybe you should think at least about an option to easy share/transfer extended notes (from your extension) between agency/dev and customers/app owners.

2 Likes

Wouldn’t call it a pain point, more like a safety option for developers and customers/app owners.
Making notes in Bubble is a solid practice for me to have a quick access to what, why and how I’m doing things in a WF.

When agency finishes development and passes app to the customer - native Bubble notes will be available for the app owner. So maybe you should think at least about an option to easy share/transfer extended notes (from your extension) between agency/dev and customers/app owners.

I understand that knowledge handover is important, and it won’t be overlooked. I do have plans to make notes easily transferrable, accessible and secure.

  • How are you doing documentation handover right now?
  • Do you work alone or in a team setting?
  • Do you keep all info in the native notes, or are there other resources/materials you hand over to clients and/or team members?

Usually it’s detailed description of web app logic and other details in form of .docx, .pdf or notion project (yep, some customers prefer Notion :slight_smile: ).

I’m a solo dev.

I try to keep all info about development process in external tools (Notion or Google Docs). What I do use Bubble native notes for:

  1. quick tips → to post some short info about a complex workflow or element in some cases. Sometimes I even post a link to a relevant Notion page with a detailed description just to make it easier to navigate.
  2. draft notes → while testing something that is not ready to be described in the documentation.
  3. temp notes → when I’m too deep in development process and don’t want to change environment (= jump to another window with Notion).
1 Like

Awesome - thanks @artemzheg for sharing more about how you work in Bubble, and share knowledge with your customers.

I’d like to circle back to this when, I’ve wrapped my head around some ideas, and have a working proof of concept around sharing, exporting notes etc.

Would you be okay with me pinging you later with more question?

(You can of course always reach out to me)

1 Like

Sure :slight_smile:

1 Like

It looks promising :raised_hands:

1 Like

Progress update:

Search works! You’ll be able to add multiple queries to narrow down search results.

pov-search

2 Likes

preorder link not working

1 Like

@buero oh damn, thanks for the heads up!

Updated the link in the original post. Let me know if you still run into any problems

Responding to this one:

On hover, not at the moment. Highlight only happens when clicking the note, or the “Target” (I need to get better names :sweat_smile:) icon in the detail view of a note.

I’d need to explore this further. Could you tell me what problem this would solve for you if you could highlight on hover?

Not a huge requirement - more thinking that it could speed up workflow when searching which notes apply to which element. For example, currently you have to click a workflow and click the notes to open them. Hovering is really just an easier way to browse and see what’s linked to what.

Of course, what’s you’re doing as a whole improves the entire process end to end, so I can’t complain!

2 Likes

Just a random idea born during morning coffee routine - may be it will make sense to colorize notes in the color of corresponding WF (or at least have some color indicator somewhere within the Note card).

1 Like

Improving speed navigating notes and their relations - noted!

This is a behavior pattern that I’m going to have to look more into since different people have different ways of doing things, right?

I think there are many possibilities to explore (exciting!) I just need to get some core functionality right, first :slight_smile:

I can see how this might be helpful for developers that rely on color coding their workflows…

How are you using the colors available to organize your WFs?