Allow Creating a New Collection from "Add to Collection" Modal

[rohanmane12]

Increasing Access

This feature would help:

1. New users by making collections more discoverable and easier to use.
2. Power users by reducing the number of steps required to stay organized.
3. Everyone by making the editor more intuitive and fluid, especially during creative bursts.

It promotes accessibility through workflow simplicity and aligns with the editor’s goal of being beginner-friendly yet powerful.

Feature enhancement details

Current Behavior

When a user wants to add a sketch to a collection using the “Add to Collection” button in the editor, they can only select from existing collections. If the desired collection doesn’t exist, the user must:

1. Navigate to their profile
2. Create a new collection there
3. Return to the sketch editor
4. Reopen the "Add to Collection" modal
5. Then add the sketch to the newly created collection

This creates unnecessary friction, especially for users organizing their work frequently or those new to the platform.

---

Proposed Enhancement

Add the ability to create a new collection directly from within the “Add to Collection” modal. This could be a button like “+ New Collection” or an inline input field that allows users to quickly create and add their sketch to a new collection — all without leaving the editor.

---

🎥 Demo (Google Drive)

Watch the screen recording

---

Final Thoughts

I'm new to contributing to the p5.js Web Editor and really excited to get involved!
This is a small UX idea that I believe could enhance the user experience.
I'd love to hear your thoughts on whether it aligns with the project’s goals — happy to discuss or revise the idea based on feedback.

[welcome[bot]]

Welcome! 👋 Thanks for opening your first issue here! And to ensure the community is able to respond to your issue, be sure to follow the issue template if you haven't already.

[raclim]

Thanks for raising this issue @rohanmane12 and for the thorough documentation attached to this! I think this would be a great addition as well!

I think having a simple button on on the "Add to Collection" modal, maybe something like the upper-left corner(?) could be a start?

[Anshv784]

Hi 👋 I’m interested in working on this issue. I noticed it’s still marked as Needs Design — has there been any progress on the UI, or would it be helpful if I put together a simple mockup to get the discussion going?

[raclim]

@Anshv784 Thanks for your interest in this issue!

There hasn't been any progress on the UI yet, so putting together a quick, initial mockup would be great to get an idea of how to move forward with this!

[piyushzingade]

@raclim I'm interested to working on this issue. It being 2 months but no one has solved this or work on this issue. Pls assign me this issue