Omlet

Component analytics and insights for #React for front-end devs — scan codebase, measure adoption, optimize with confidence. 🍳

Built by your friends at @Zeplin

[Omlet @omlet_dev]

Woot!! Omlet for VS Code is finally here. 🌈

Now you can:

→ See how many times a component is used, right above its definition
→ Discover how props are used & with what values
→ Visualize dependencies
→ View all components & their usages
→ Spot & clean up unused props

[Omlet @omlet_dev]

Hey friends! We have some important news to share.

We’re open sourcing Omlet — all of it, under an MIT license.

Here’s why we made the call, and what it means for you: https://t.co/fFQoYp8cqa

[Omlet @omlet_dev]

Give your library a cleanup: https://t.co/ITsB4245b6

[Omlet @omlet_dev]

So, with Omlet for VS Code…

5️⃣ 𝗖𝗹𝗲𝗮𝗻 𝘂𝗽 𝘂𝗻𝘂𝘀𝗲𝗱 𝗽𝗿𝗼𝗽𝘀 𝗮𝗻𝗱 𝗰𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁𝘀
Looking for unused props and components? Right below the component list in the sidebar, you’ll find two cleanup sections: One for unused props and one for unused components.

[Omlet @omlet_dev]

Give it a try yourself: https://t.co/1VcXkeu6UJ 👀

[Omlet @omlet_dev]

So, with Omlet for VS Code…

4️⃣ 𝗩𝗶𝗲𝘄 𝗮𝗹𝗹 𝗰𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁𝘀 ����𝗻 𝘆𝗼𝘂𝗿 𝗽𝗿𝗼𝗷𝗲𝗰𝘁 𝗮𝗻𝗱 𝘁𝗵𝗲𝗶𝗿 𝘂𝘀𝗮𝗴𝗲 𝗱𝗲𝘁𝗮𝗶𝗹𝘀
Omlet gives you an overview of how much each component is being used in your project by listing them in the sidebar with usage count.

[Omlet @omlet_dev]

Learn more about Omlet for VS Code: https://t.co/BBA2I8ltUT

[Omlet @omlet_dev]

So, with Omlet for VS Code...

3️⃣ 𝗩𝗶𝘀𝘂𝗮𝗹𝗶𝘇𝗲 𝘄𝗵𝗲𝗿𝗲 𝗰𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁𝘀 𝗮𝗿𝗲 𝘂𝘀𝗲𝗱 𝘄𝗶𝘁𝗵 𝘁𝗵𝗲 𝗱𝗲𝗽𝗲𝗻𝗱𝗲𝗻𝗰𝘆 𝘁𝗿𝗲𝗲
Updating or deprecating a component? Omlet’s dependency tree shows where it's used, helping you refine with confidence. 🤏

[Omlet @omlet_dev]

So, with Omlet for VS Code…

2️⃣ 𝗗𝗶𝘀𝗰𝗼𝘃𝗲𝗿 𝗵𝗼𝘄 𝗺𝗮𝗻𝘆 𝘁𝗶𝗺𝗲𝘀 𝗲𝗮𝗰𝗵 𝗽𝗿𝗼𝗽 𝗶𝘀 𝘂𝘀𝗲𝗱 — 𝗮𝗻𝗱 𝘄𝗶𝘁𝗵 𝘄𝗵𝗶𝗰𝗵 𝘃𝗮𝗹𝘂𝗲𝘀

Select a prop definition to see its usage across the codebase, or hover to view a summary of passed values.

[Omlet @omlet_dev]

Curious to read more? Check out our blog post: https://t.co/BBA2I8m1Kr

[Omlet @omlet_dev]

So, with Omlet for VS Code...

1️⃣ 𝗦𝗲𝗲 𝗵𝗼𝘄 𝗺𝗮𝗻𝘆 𝘁𝗶𝗺𝗲𝘀 𝗮 𝗰𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁 𝗶𝘀 𝘂𝘀𝗲𝗱 𝗱𝗶𝗿𝗲𝗰𝘁𝗹𝘆 𝗶𝗻 𝗰𝗼𝗱𝗲 ✨
Omlet for VS Code shows component usage counts — right above their definitions. No need to search through your codebase.

[Omlet @omlet_dev]

Try it yourself: https://t.co/kBT87DhohO

[Omlet @omlet_dev]

What a week!!

We launched Omlet for VS Code last Wednesday, and the feedback so far has been amazing! If you haven't tried it yet, here you go: https://t.co/BBA2I8ltUT

[Mike Cavaliere @mcavaliere]

Thanks to @sebastienlorber I just found out about Omlet - this will be crazy useful

https://t.co/jMQsPevDbD

[Omlet @omlet_dev]

@fatihhayri @yosooff Teşekkürler Fatih! Önerin/yorumun olursa her zaman ulaşabilirsin. 🫶

[Omlet @omlet_dev]

@0xkoji Thanks! Let us know if you have any feedback.

[Omlet @omlet_dev]

🍿 Finally, here’s @berkcebi with a quick demo — take it away Berk.

https://t.co/5Lmz0wS7tT

[Omlet @omlet_dev]

Woot!! Omlet for VS Code is finally here. 🌈

Now you can:

→ See how many times a component is used, right above its definition
→ Discover how props are used & with what values
→ Visualize dependencies
→ View all components & their usages
→ Spot & clean up unused props

[Omlet @omlet_dev]

To get started, simply install the extension — you don’t even need an account! https://t.co/kBT87DhohO

📒 Read our full update to learn more: https://t.co/BBA2I8m1Kr

[Omlet @omlet_dev]

Psst @code…

We're almost there. 👀

[Omlet @omlet_dev]

This year, we’ve learned so much — about the space, about what truly matters for adoption — and it’s all thanks to your feedback.

Happy 2025, and cheers! 🥂

[Omlet @omlet_dev]

Omlet just turned one — and it’s been a wild year! 🪿

→ Saved Dashboard: Save your custom charts
→ Custom Properties: Attach metadata to components
→ Tags 2.0: Programmatically tag and filter components

Here’s everything we launched in 2024: https://t.co/dkIbkF1ukj