# BSS Idea: A tab for favorites components

**URL:** https://forum.bootstrapstudio.io/t/bss-idea-a-tab-for-favorites-components/11819
**Category:** Ideas
**Created:** [December 5, 2024, 10:20am UTC](https://forum.bootstrapstudio.io/t/bss-idea-a-tab-for-favorites-components/11819 "2024-12-05T10:20:46Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![PeterMusman](https://forum.bootstrapstudio.io/letter_avatar_proxy/v4/letter/p/6bbea6/32.png) [@PeterMusman](https://forum.bootstrapstudio.io/u/PeterMusman)
#### Post date: [December 5, 2024, 10:20am UTC](https://forum.bootstrapstudio.io/t/bss-idea-a-tab-for-favorites-components/11819/1 "2024-12-05T10:20:46Z")

</div>

Hello Bootstrap Studio devs.

to search for a component there is the studio and online tab,

Is it an idea to also add a favorites tab?

then I can place components there that I need a lot (div, conainer, heading, paragraph) and so on

---

<div class="post-metadata">

### Author: ![martin](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/martin/32/3_2.png) [@martin](https://forum.bootstrapstudio.io/u/martin)
#### Post date: [December 5, 2024, 10:32am UTC](https://forum.bootstrapstudio.io/t/bss-idea-a-tab-for-favorites-components/11819/2 "2024-12-05T10:32:41Z")

</div>

Thank you for the suggestion! You can already add components to the Favorites group. Is your suggestion to move this to a separate tab?

![image](https://forum.bootstrapstudio.io/uploads/default/original/2X/c/c36468b583b8f1bff2a7c50f67e586d15ad538a8.png)

---

<div class="post-metadata">

### Author: ![PeterMusman](https://forum.bootstrapstudio.io/letter_avatar_proxy/v4/letter/p/6bbea6/32.png) [@PeterMusman](https://forum.bootstrapstudio.io/u/PeterMusman)
#### Post date: [December 5, 2024, 10:43am UTC](https://forum.bootstrapstudio.io/t/bss-idea-a-tab-for-favorites-components/11819/3 "2024-12-05T10:43:38Z")

</div>

Hello Martin,

Ahh, now i see how to make an Favorites folder, right click and ad to Favorites…

that’s why I had an idea to create a separate tab for Favorites, but maybe it will still be possible in the future?

---

<div class="post-metadata">

### Author: ![catkin](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/catkin/32/4993_2.png) [@catkin](https://forum.bootstrapstudio.io/u/catkin)
#### Post date: [December 5, 2024, 5:35pm UTC](https://forum.bootstrapstudio.io/t/bss-idea-a-tab-for-favorites-components/11819/4 "2024-12-05T17:35:56Z")

</div>

I’d be in favour of this, it would tidy up the elements tab. It would be nice if in the favourites tab you could create categories to put your favourites under. I have dozens saved. Some are for particular sites, some are empty elements like an empty Card element. And some are completely custom.

I’d also like the online tab to be where the components I’ve downloaded be found too.

---

<div class="post-metadata">

### Author: ![timespider](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/timespider/32/1998_2.png) [@timespider](https://forum.bootstrapstudio.io/u/timespider)
#### Post date: [December 6, 2024, 5:44am UTC](https://forum.bootstrapstudio.io/t/bss-idea-a-tab-for-favorites-components/11819/5 "2024-12-06T05:44:10Z")

</div>

Maybe add an area for code snippets in there as well for JS & CSS & whatever.  
I like the new Version 7 updates, Bootiful!

---

<div class="post-metadata">

### Author: ![printninja](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/printninja/32/481_2.png) [@printninja](https://forum.bootstrapstudio.io/u/printninja)
#### Post date: [December 16, 2024, 12:43am UTC](https://forum.bootstrapstudio.io/t/bss-idea-a-tab-for-favorites-components/11819/6 "2024-12-16T00:43:44Z")

</div>

@martin  
It would be great if we could organize the favorites manually (instead of alphabetically) and maybe even give them their own colors.

---

<div class="post-metadata">

### Author: ![martin](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/martin/32/3_2.png) [@martin](https://forum.bootstrapstudio.io/u/martin)
#### Post date: [December 16, 2024, 9:47am UTC](https://forum.bootstrapstudio.io/t/bss-idea-a-tab-for-favorites-components/11819/7 "2024-12-16T09:47:16Z")

</div>

Thank you for the feedback, guys!

I think that moving Favorites from Components to a separate tab would have some benefits. This also applies to the User group and Downloaded groups. This will make more people aware that these features exist and make it easier to organize your library.

However there is a big drawback as well. It will make finding a specific component more difficult. You won’t be sure which tab to search for and will have to remember the exact tab where each component lives.

We’d like to think this through better before making any changes. Do share your ideas here, we would love to hear them.

---

<div class="post-metadata">

### Author: ![catkin](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/catkin/32/4993_2.png) [@catkin](https://forum.bootstrapstudio.io/u/catkin)
#### Post date: [December 16, 2024, 10:04am UTC](https://forum.bootstrapstudio.io/t/bss-idea-a-tab-for-favorites-components/11819/8 "2024-12-16T10:04:44Z")

</div>

Maybe the search could search all the tabs?

As soon as the user searches, it clears the side panel. And then shows the results under each tab category.

---

<div class="post-metadata">

### Author: ![techsatish](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/techsatish/32/3260_2.png) [@techsatish](https://forum.bootstrapstudio.io/u/techsatish)
#### Post date: [December 18, 2024, 11:50am UTC](https://forum.bootstrapstudio.io/t/bss-idea-a-tab-for-favorites-components/11819/9 "2024-12-18T11:50:53Z")

</div>

Hi everyone,

I think it would be great if the component UI in Bootstrap Studio also included icons. Icons make it easier to identify components at a glance. Examples of this kind of implementation can be found in other design tools, where icons are used to quickly distinguish between different types of elements.

What do you all think?

 ![Screenshot 2024-12-18 162428 copy](https://forum.bootstrapstudio.io/uploads/default/original/2X/d/dbbe51a168c76c2d909d789fd3d88a3ea2a60ac7.png)

---

<div class="post-metadata">

### Author: ![GregoryAM](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/gregoryam/32/5101_2.png) [@GregoryAM](https://forum.bootstrapstudio.io/u/GregoryAM)
#### Post date: [December 18, 2024, 6:43pm UTC](https://forum.bootstrapstudio.io/t/bss-idea-a-tab-for-favorites-components/11819/10 "2024-12-18T18:43:02Z")

</div>

I feel like it would take longer to find something that’s needed because of the number of components currently available.

If there were only a hand-full of components, sure. But everything is already separated and if you need to find something, it’s quite quick by just a search or looking under the respected folder / dropdown.

This is just my take on it. 😅

---

<div class="post-metadata">

### Author: ![techsatish](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/techsatish/32/3260_2.png) [@techsatish](https://forum.bootstrapstudio.io/u/techsatish)
#### Post date: [December 19, 2024, 7:57am UTC](https://forum.bootstrapstudio.io/t/bss-idea-a-tab-for-favorites-components/11819/11 "2024-12-19T07:57:48Z")

</div>

Thank you for your input. I understand your concern about the potential clutter due to the large number of components.

However, I believe that adding icons could actually enhance the user experience by making it quicker to identify frequently used components visually. Icons can provide an immediate visual cue, reducing the need to read through lists, especially for those of us who work with a standard set of components regularly.

Moreover, icons could be optional and toggled on or off based on user preference, catering to both those who prefer a cleaner interface and those who find visual aids helpful.

What do you think about this approach?

---

<div class="post-metadata">

### Author: ![JCWEB](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/jcweb/32/4362_2.png) [@JCWEB](https://forum.bootstrapstudio.io/u/JCWEB)
#### Post date: [December 19, 2024, 9:14am UTC](https://forum.bootstrapstudio.io/t/bss-idea-a-tab-for-favorites-components/11819/12 "2024-12-19T09:14:27Z")

</div>

Hi, I’m in favour of icons to make it easier to find your way around.  
On the other hand, if there are too many parameters to manage, it makes the interface too cumbersome.  
And you risk ending up with a gas factory.

---

<div class="post-metadata">

### Author: ![GregoryAM](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/gregoryam/32/5101_2.png) [@GregoryAM](https://forum.bootstrapstudio.io/u/GregoryAM)
#### Post date: [December 19, 2024, 9:50am UTC](https://forum.bootstrapstudio.io/t/bss-idea-a-tab-for-favorites-components/11819/13 "2024-12-19T09:50:22Z")

</div>

Okay, you do have a point as it does help visually, and it would be possibly good for accessibility. Since I’ve seen this too on a few other tools and it does kind of help. But even with a togglable format, it would be still a bit much due to the number of components and I don’t think there’s enough icons for each component type.

Since there’s already an option to “Add to favorite” for components, these would be your “regularly used components”, basically. This would also help from having to read through the list, as they’re in your favorites and readily available.

But there would probably need to be a **large** number of users who want this before the BSS Team even considers it. Unless they already have, and that’s why we don’t have it because it didn’t work out (but I don’t know if they did consider it or not).

I personally like the current layout, as I work from a laptop and it’s easier for me to just search the component and drop / drop it. I still feel like it would still be too much to scroll through. as the image you added showing the icon-like components do take up some space.

---

<div class="post-metadata">

### Author: ![techsatish](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/techsatish/32/3260_2.png) [@techsatish](https://forum.bootstrapstudio.io/u/techsatish)
#### Post date: [December 19, 2024, 9:56am UTC](https://forum.bootstrapstudio.io/t/bss-idea-a-tab-for-favorites-components/11819/14 "2024-12-19T09:56:55Z")

</div>

I understand the concern about managing too many parameters, which could make the interface cumbersome. However, Bootstrap Studio is designed primarily for those who do not have extensive coding knowledge. Most new users might not be familiar with the names of components, and icons can significantly help in identifying them more quickly.

While developers can easily navigate the Bootstrap Studio app, it’s important to consider the perspective of UI designers and graphic designers. By incorporating icons, we could make the platform more accessible and attractive to a broader audience, including new UI designers and graphic designers who might consider purchasing Bootstrap Studio products.

Here’s an idea: Keep the most basic components visible on the left panel, while hiding more advanced components. There could be a customization option to add any advanced tools to the basic view, with options to move components up and down or reset their positions. For inspiration, take a look at how “Adobe Illustrator” UI implements these features.

What do you think about this approach?

 ![idea](https://forum.bootstrapstudio.io/uploads/default/original/2X/b/b83d831c10e639d1beb54c59e9b815d9825b7e32.jpeg)

---

<div class="post-metadata">

### Author: ![GregoryAM](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/gregoryam/32/5101_2.png) [@GregoryAM](https://forum.bootstrapstudio.io/u/GregoryAM)
#### Post date: [December 19, 2024, 9:57am UTC](https://forum.bootstrapstudio.io/t/bss-idea-a-tab-for-favorites-components/11819/15 "2024-12-19T09:57:49Z")

</div>

I can see the idea behind this.  
I’m guessing something like this?

→ Searches: “Card”  
**v Favorites**  
Card  
Custom Card

**v Studio**  
Card  
Card Group  
Feature Cards  
ETC…

the **v** is a dropdown, similar to:  
 ![dropdown](https://forum.bootstrapstudio.io/uploads/default/original/2X/e/eb0cb123cc91bef029c0f868b0aaeb79e0e646e3.png)

---

<div class="post-metadata">

### Author: ![catkin](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/catkin/32/4993_2.png) [@catkin](https://forum.bootstrapstudio.io/u/catkin)
#### Post date: [December 19, 2024, 11:43am UTC](https://forum.bootstrapstudio.io/t/bss-idea-a-tab-for-favorites-components/11819/16 "2024-12-19T11:43:03Z")

</div>

Yeah, exactly! That’s great!

---

<div class="post-metadata">

### Author: ![printninja](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/printninja/32/481_2.png) [@printninja](https://forum.bootstrapstudio.io/u/printninja)
#### Post date: [December 20, 2024, 12:40am UTC](https://forum.bootstrapstudio.io/t/bss-idea-a-tab-for-favorites-components/11819/17 "2024-12-20T00:40:06Z")

</div>

Icons could be useful, but giving us the ability to add color to the favorites folders, and the components in them, would allow for much simpler organization and recognition at a glance. It would likely require a lot less work on the part of the devs.

Also, being able to place them in the order you prefer (as opposed to alphabetical) would be very helpful.

---

<div class="post-metadata">

### Author: ![techsatish](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/techsatish/32/3260_2.png) [@techsatish](https://forum.bootstrapstudio.io/u/techsatish)
#### Post date: [December 20, 2024, 9:53am UTC](https://forum.bootstrapstudio.io/t/bss-idea-a-tab-for-favorites-components/11819/18 "2024-12-20T09:53:46Z")

</div>

This format will be good while searching for components.

---

<div class="post-metadata">

### Author: ![timespider](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/timespider/32/1998_2.png) [@timespider](https://forum.bootstrapstudio.io/u/timespider)
#### Post date: [December 22, 2024, 7:02pm UTC](https://forum.bootstrapstudio.io/t/bss-idea-a-tab-for-favorites-components/11819/19 "2024-12-22T19:02:23Z")

</div>

Maybe the option to have icons or not?

---

<div class="post-metadata">

### Author: ![Matty359](https://forum.bootstrapstudio.io/letter_avatar_proxy/v4/letter/m/a8b319/32.png) [@Matty359](https://forum.bootstrapstudio.io/u/Matty359)
#### Post date: [January 10, 2025, 4:58pm UTC](https://forum.bootstrapstudio.io/t/bss-idea-a-tab-for-favorites-components/11819/20 "2025-01-10T16:58:40Z")

</div>

Affinity photo Icon style works the best for me. Colored and more obvious, but great suggestion.

 ![image](https://forum.bootstrapstudio.io/uploads/default/original/2X/b/bdb3b7bd62d9b08daf859cda947196926b99bad2.png)

[Next page](https://forum.bootstrapstudio.io/t/bss-idea-a-tab-for-favorites-components/11819.md?page=2)
