Nice things with SVG (fuma-nama.vercel.app)

Article summary

The article discusses the use of SVGs to create animated and interactive elements on the web, including a table of contents with a highlighted section. It provides examples of how to use SVGs to create animated wires and a mask to highlight a section of the table of contents. The article also mentions the use of SVGs in other contexts, such as creating icons and logos. The author shares their experience with using SVGs and provides examples of how to implement them in React.js.

Main themes

• SVG animation
• Table of contents implementation
• Web design
• Interactive elements
• React.js implementation

What commenters say

• SVGs can be used to create complex and interactive elements on the web, including animated graphics and games.
• Using SVGs can be more performant than using canvas, but may not be suitable for all use cases.
• SVGs offer better accessibility and synergy with aria work, making them a good choice for web development.
• Some commenters believe that SVGs are underexplored and underused, while others think they have limitations and can be difficult to manage.
• Large language models are getting better at generating SVGs, but still have limitations and may not be reliable for creating novel shapes.
• Using SVGs with Tailwind CSS can make creating hover animations easy and fun.
• Some developers think that SVGs could be used to build an entire website without using HTML, while others are skeptical about its feasibility.
• SVGs can be used to add toolpath information and hyperlinks to part lists, making them useful for computer-aided manufacturing and other applications.