# Where is my component?

**URL:** <https://community.penpot.app/t/where-is-my-component/288>\
**Category:** Inside Penpot\
**Created:** [July 6, 2022, 11:54am UTC](https://community.penpot.app/t/where-is-my-component/288 "2022-07-06T11:54:04Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![hirunatan](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/hirunatan/32/38_2.png) [@hirunatan](https://community.penpot.app/u/hirunatan)\
**Post date:** [July 6, 2022, 11:54am UTC](https://community.penpot.app/t/where-is-my-component/288/1 "2022-07-06T11:54:04Z")

</div>

We have started an important rework of components in Penpot.

For example, many of you often ask “where is my component?” since, until now, components are created in the “Assets” panel, and there is no way of directly changing them, only modifying a copy and then doing a “update main component”.

Now, when you create a component, the layer you used becomes the **main component** and you may act on it to modify the library component. Other layers are **component copies** that are linked to the main component.

When this is in production, next time you open a file that already had some components, you will see a new **Library page** , where all the main components are, for you to use. You can later reorganize them as you like, of course!

![main-component](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/1X/df665cd9f9a38e465382e9717db52fad70810ad6.gif)

---

<div class="post-metadata">

**Author:** ![hirunatan](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/hirunatan/32/38_2.png) [@hirunatan](https://community.penpot.app/u/hirunatan)\
**Post date:** [September 20, 2022, 3:48pm UTC](https://community.penpot.app/t/where-is-my-component/288/2 "2022-09-20T15:48:21Z")

</div>

The rework progresses!

We are working in a feature many of you have asked for. Now, when you modify the **main component** , the copies are updated immediately (no more need to “update component”).

![component-sync](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/2X/2/2dbbb117950998267f89874d5b6d6f9b1bb59725.gif)

The feature is not finished yet… there are still issues with some corner cases, and small glitches around. But I’m so excited that I wanted to show you the ongoing work.

---

<div class="post-metadata">

**Author:** ![hirunatan](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/hirunatan/32/38_2.png) [@hirunatan](https://community.penpot.app/u/hirunatan)\
**Post date:** [September 20, 2022, 4:11pm UTC](https://community.penpot.app/t/where-is-my-component/288/3 "2022-09-20T16:11:58Z")

</div>

Also there are a bunch of other changes, perhaps not so spectacular but anyway useful. For example, easy navigation to the main component:

![locate-component](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/2X/e/e66399babd7aa72320fbdc178113948e06a73d82.gif)

Or the ability to restore a component if you deleted it by mistake but it was still used in your file:

![restore-component](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/2X/f/f47d19d89fdcea7b403cdac34c25c7db16239f33.gif)

Hope you will like it when it’s available.

---

<div class="post-metadata">

**Author:** ![diacritica](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/diacritica/32/5604_2.png) [@diacritica](https://community.penpot.app/u/diacritica)\
**Post date:** [September 21, 2022, 8:58pm UTC](https://community.penpot.app/t/where-is-my-component/288/4 "2022-09-21T20:58:22Z")

</div>

Really impressive! Great work! I honestly suggest people open those gifs on a separate tab, zoom into them and enjoy them thoroughly!!!

---

<div class="post-metadata">

**Author:** ![hirunatan](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/hirunatan/32/38_2.png) [@hirunatan](https://community.penpot.app/u/hirunatan)\
**Post date:** [October 4, 2022, 2:41pm UTC](https://community.penpot.app/t/where-is-my-component/288/5 "2022-10-04T14:41:15Z")

</div>

Less is left! The core reorganization of components is done, but there are a lot of things to round off. For example, restore deleted components in an external shared file.

![Restore-shared](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/2X/f/f8ac710a8c4397de0032fb6c548f316efb7738aa.gif)

Also ensure that changes synchronize well in all kinds of layers and groups (including masked and boolean), reorganizing the “graphic” section in the assets… Not a simple work indeed!

---

<div class="post-metadata">

**Author:** ![gruvw](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/gruvw/32/4204_2.png) [@gruvw](https://community.penpot.app/u/gruvw)\
**Post date:** [January 5, 2024, 10:12pm UTC](https://community.penpot.app/t/where-is-my-component/288/6 "2024-01-05T22:12:48Z")

</div>

Hey, this looks awesome. I know this is a bit old, but I somehow don’t have the above functionalities on penpot. Am I doing something wrong, or is it not live/production yet ?

---

<div class="post-metadata">

**Author:** ![carolina.portugal](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/carolina.portugal/32/36_2.png) [@carolina.portugal](https://community.penpot.app/u/carolina.portugal)\
**Post date:** [January 8, 2024, 9:07am UTC](https://community.penpot.app/t/where-is-my-component/288/7 "2024-01-08T09:07:10Z")

</div>

Hi @gruvw, it’s still on the final moments of development yet. You can check this video to get to know more:

[![](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/2X/0/00c3478369ed983ddecf1955c06cbe8d369eac95.jpeg "Penpot 2.0 sneak peek: new CSS Grid Layout & Components coming soon!") ](https://www.youtube.com/watch?v=r-USvt_p46g)
