favicolor serves high-quality favicons and extracts their dominant colors (background, border, accent). We search multiple sources to find the best resolution available. Supports light and dark themes for both icons and colors. Perfect for dashboards, link previews, and any app displaying external sites. React component included.

AppSignal — Track your app’s health, errors and performance with ease

Track your app’s health, errors and performance with ease

Hey everyone! 👋 I built Favicolor while working on an app that displays favicons from external sites. Two problems I kept running into: 1. Favicon quality is often poor – many services just grab the first icon they find 2. Styling the container around a favicon is guesswork – what background works? What border? Favicolor solves both: 🖼️ Better quality icons - Searches multiple sources (HTML, manifests, Apple touch icons) - Picks the best resolution available - AI upscaling when needed - Serves in multiple sizes (32, 64, 96, 128px) 🎨 Extracted colors - Dominant, background, border, accent colors - Adapts to light and dark themes 🌓 Theme support - Icons and colors adapt to your UI theme - Just add `?theme=dark` or `?theme=light` Try it live: https://favicolor.com I also built a React component that handles everything automatically: npm install @favicolor/react Would love your feedback! 🙏