Best of SVGApril 2025

  1. 1
    Article
    Avatar of hnHacker News·1y

    JavaScript Animation Engine

    Anime.js is a versatile JavaScript animation library offering several features, including rotating objects, creating motion paths, and animating SVG paths. Users can create timelines, apply staggered animations, and make elements draggable with customizable easing options. The library also supports advanced configurations like spring physics and media query-based animations.

  2. 2
    Article
    Avatar of css_tricksCSS-Tricks·1y

    Revisiting Image Maps

    The post explores the use of image maps, an older web design tool, and discusses their advantages, challenges, and alternatives. It highlights a project for Mike Worth that required blending expressive '90s design with modern techniques. While discovering image maps weren't the right fit, the effort led to finding modern solutions by leveraging SVG and anchoring paths for clickable areas, emphasizing accessibility and responsiveness.

  3. 3
    Article
    Avatar of webtoolsweeklyWeb Tools Weekly·1y

    JS Utilities, SVG, Audio, React Tools

    Explore a collection of JavaScript utilities, media tools, and React tools designed to enhance productivity and functionality in web development. Highlights include a syntax highlighter for text streams, an SVG illustration collection, an online QR code generator, Node.js bindings for the Web Audio API, and various React components for managing JSON data, handling state, and improving user interaction.

  4. 4
    Article
    Avatar of hnHacker News·1y

    Some Nice Things with SVG

    Exploring the visual effects applications of SVG, including creating animated wires and a dynamic table of contents (TOC) in React.js, showcasing how to use the mask property and CSS animations for interactive elements.