Back to products
Omlet for VS Code

Omlet for VS Code

Get React component usage insights in VS Code Developer Tools 15 148 AppSignal Get full visibility into app health, errors, and performance Productivity • Analytics • Developer Tools HΞNRY I've been using AppSignal for a little while now and I cannot imagine working without it. Their support is awesome, the interface is super clean and it was so easy to get it up and running.

Overview

What it is

Omlet is an analytics tool to help you measure the success of your component libraries and design system and identify opportunities to improve it. 🍳 *Now in public beta, supports React

Intent

I need it when

Estimate the impact of deprecating or updating a component before making changes

Omlet provides dependency views and usage data that allow teams to understand which projects use specific components and predict the impact of updates or deprecations, reducing the risk of introducing bugs.

Discover which non-design system components developers use most frequently

Omlet scans all React components in the codebase, not just design system components, to surface frequently-used non-design system components that could be candidates for consolidation or addition to the design system.

Identify unused or problematic React components to reduce front-end tech debt

Omlet analyzes component usage across code repositories to surface underutilized components, unused props, and similar components that should be consolidated. Helps teams make rapid improvements to their design system exactly where needed.

Get real-time insights into component usage while coding in VS Code

Omlet for VS Code extension provides immediate insights into component library usage, showing where and how components and their props are used directly inside the editor, enabling developers to make informed decisions during development.

Measure and track design system adoption across multiple projects and teams

Omlet Dashboard provides visibility into design system adoption over time across all projects, helping teams identify gaps where adoption is lagging and drive improvements. Generates shareable reports for stakeholders showing adoption metrics and reduced legacy code.

Drop

Not a fit when

  • Project does not use React components or has no component library to analyze
  • Team requires real-time code scanning rather than periodic scans (free tier limited to 4 scans per 30 days)
  • Organization needs to track non-React component frameworks or vanilla JavaScript components exclusively
  • Budget cannot accommodate $159/month for Intro plan and team size exceeds 2 users without upgrading to custom Advanced plan
  • Company requires on-premise deployment and cannot use cloud dashboard or self-host the open-source version
Commercials

Pricing

Freemium with tiered paid plans. Free tier includes 4 scans/30 days, 1 user, 2 tags, up to 1,000 components. Intro plan at $159/month with unlimited scans, 2 users, 2 tags, 90-day retention. Advanced plan with custom pricing for unlimited users, scans, tags, and retention. Open-source self-hosted option available for free. View pricing