Frontend Links November 2025

Tools

• Harmonizer OKLCH Color palette generator for UI
• Dither Me This Use this tool to reduce the file size of an image… but in a stylish old-school way. It uses dithering to reduce the colors in an image, and places dots to emulate the missing shades. Dithering is used to display images on screens with limited colors palettes — it has the modern advantage of making web pages load faster. Upload an image and click the preset buttons to see what it can do.
• Free OG Image Generator Create beautiful OG Images, Twitter/X Header Images, Blog Featured Images & more for free, in simple clicks.
• Embed PDF files without the pain A lightweight, customizable PDF viewer that works seamlessly with any JavaScript project. No dependencies, no hassle.
• Make Graph Create Beautiful Charts and Graphs Online. Transform your data into stunning visualizations with our free, powerful chart maker. No downloads, no sign-ups—just beautiful charts in seconds.
• Lucide Icons Beautiful & consistent icon toolkit made by the community.
• Obra Icons A simple, consistent set of icons, perfect for user interfaces.
• Complete Toolkit for JSON & Data Processing Professional JSON platform with 40+ free tools. Format, validate, convert to CSV/XML/PDF. Features AI-powered error fixing, API testing, and code generation. ✓ No signup required
• JustGage ustGage is a handy JavaScript plugin for generating and animating nice & clean dashboard gauges. It is based on Raphaël library for vector drawing.
• ASCII Drawing Board Set a brush (almost any unicode character), canvas size and export art as a text file.
• Explore color as we see it Discover how the OKLCH color model works. Learn, experiment and create more consistent and perceptually uniform color palettes.
• raw.githack.com CDN for your source code A decade proven way to serve files from source code hostings with proper Content-Type headers
• spoilerjs A framework-agnostic web component for creating beautiful spoiler effects with Telegram-inspired particle animations.
• Kagi Liberate your search. Free of ads. Free of surveillance. Free of noise. With Kagi, you are the customer, not the product.

Articles

• Modern CSS Round-Out Tabs Chris Coyier: Quite a while back I made a set of “round out” tabs, where the literal tab part of the UI would connect to the content below with a rounded edge that flared out as it connected. A bit tricky of a situation, even now! That old school solution used four additional elements per tab. Two to place a square on the bottom edges of the tab, and then larger circles to hide everything but the flared part.