looksmax

A visual optimization toolkit for analyzing and improving UI component rendering performance.

Features

• Profile render times across component trees and flag performance bottlenecks
• Automatically detect unnecessary re-renders and suggest memoization targets
• Generate visual diff reports comparing layout shifts between builds
• Integrate with CI pipelines to enforce rendering performance budgets

Install

npm install looksmax

Quick Start

const looksmax = require("looksmax");

const report = looksmax.analyze({
  entry: "./src/App.jsx",
  threshold: { renderTime: 16, layoutShifts: 0.1 },
});

report.summary(); // prints performance overview to console

License

MIT