Community Picks·50wiro.js
iro.js is a JavaScript color picker widget that provides an SVG-based interface for selecting colors. It supports multiple color formats (hex, RGB, HSV, HSL, and kelvin temperatures) through a unified API, allows multiple colors for harmony selection, and requires no external dependencies. The library can be installed via NPM, CDN, or direct download, and offers customizable options, event handling, and easy integration with modern frameworks.
Community Picks·47wLiquid Glass, but in CSS
A detailed technical breakdown of recreating Apple's new Liquid Glass design language using CSS and SVG filters. The implementation involves multiple layers including specular highlights with box-shadow, backdrop blur and color filters, SVG displacement maps for refraction effects, and chromatic aberration simulation. The technique requires advanced CSS filter knowledge and has significant browser compatibility limitations, working primarily in Chrome with performance considerations for GPU usage.
Community Picks·49wObra Icons
Obra Icons is a comprehensive icon library featuring over 1,000 simple and consistent icons designed specifically for user interfaces. The collection includes a wide variety of categories from basic UI elements (arrows, buttons, navigation) to specialized icons for business, technology, entertainment, and everyday objects. Each icon follows a consistent design language making them suitable for cohesive interface design across web and mobile applications.
Web Tools Weekly·49wFrameworks, Media Tools, Build/Bundle
A curated collection of web development tools organized into three categories: UI frameworks and component libraries (featuring React, Tailwind, and Next.js solutions), media tools for SVG and video processing, and build tools including the new Rolldown bundler. The newsletter highlights various open-source libraries, development utilities, and commercial applications for modern web development workflows.
Web Tools Weekly·47wReact Tools, SVG, Testing & Debugging
A curated collection of developer tools organized into three main categories: React development tools including state management libraries, drag-and-drop builders, and internationalization toolkits; media manipulation tools for SVG creation, image compression, and video editing; and testing/debugging utilities featuring bug tracking platforms, API testing tools, and browser automation extensions. The newsletter also includes commercial applications and developer services.