Pixel Perfect – UI inspection

Pixel Perfect is a free Android app that displays a system-wide overlay on top of other apps, showing a grid, rulers, layout guidelines, or window insets visualization. It also has an integrated screen magnifier. Pixel Perfect will help you inspect and fine-tune your app's user interface. This powerful, customizable utility enables precise UI analysis and verification of design specifications. Developers can use it to adjust alignment, tweak spacing and sizes, or ensure perfect accuracy. Designers or testers can verify the app's correctness against design specs. • Precise inspection: analyze every detail of your UI and ensure correct spacing, sizes, and layout • Fine-tune layouts: polish the details to perfection with pixel-level accuracy • Versatile examination: inspect content visible on the screen, including websites or WebViews, games, or non-native apps • Customization: adjust every aspect – grid size, guidelines colors or opacity, rulers positions, column count, and many more • Multi-overlay functionality: work with multiple overlays simultaneously • Convenient access: quickly toggle the overlay anytime with the Quick Settings tile and change the settings with floating controls • Device information: get specifications of the device and the display, like resolution in dp and px, density, scale factor, and more • Free, no ads, open source: yeah! Features Magnifier The magnifier is a powerful tool that shows a live, zoomed-in view of the selected area. This floating utility lets you drag the lens to magnify content across the entire screen. The built-in color probe (color picker) shows the color at the pixel level in various formats, its position in dp or px, and contrast ratio with other colors. Baseline grid Display a square grid over the screen and verify if UI components align with the baseline. This spacing and sizing guidance tool lets you validate component positioning and dimensions. You can adjust the grid density, color, and opacity, and display it as lines or dots for optimal viewing. Rulers Rulers are alignment tools that help you place elements consistently on the screen. These vertical and horizontal guidelines show where to place elements relative to the screen edge. You can add rulers at any distance from any screen edge. Layout guide The layout guide consists of columns, gutters, and margins, providing a convenient structure for app content. This responsive, customizable guidance system helps organize and structure the layout. Adjust the column count and the size of margins and gutters, then see how your UI adapts to the grid. Window layout This feature visualizes window insets, such as display cutouts, status bars, or regions reserved for system gestures. Use it to highlight the areas occupied by selected window insets and adjust the placement of UI elements within the screen. By accounting for system-level insets, you can ensure the UI adapts to various screen configurations or display features.