Good lord is it hard to find frame PNGs online. I mean you’d really think there’d be more of them out there but 90% of them have to be AI-generated by this point. But since I love frames, I bit the bullet and started editing them myself to make them usable as PNGs. I make my absolute best effort to avoid AI images, but if you think any of the frames look suspicious (or if you notice any other issues), please let me know and I'll double check. Unfortunately it can be very difficult to tell since real-life frames often contain the same weird asymmetry and meltiness as AI frames.

In order to use these on your site, download the image(s) into your own site files. Each image is under 100kb, meaning they should take up minimal space and load instantly on your site. Feel free to edit the frames further and use them however you like. I personally use rectangular frames with the CSS border-image property. If you go this route, I recommend using frames with similar dimensions as your target container, otherwise expect a lot of repeating or stretching.

If border image properties are new to you, I suggest following Solaria's Border Image Tutorial. It's's how I learned!