// the find
una/extra.css
A CSS Houdini Paint library for those who want to make their sites a little extra 💁🏻♀️
A collection of CSS Houdini Paint API worklets that let you use effects like confetti, scalloped borders, sparkles, and animated underlines as native CSS properties. It's for frontend developers who want to experiment with the Paint Worklet API without writing their own worklets from scratch. The README still says WIP and the last commit was early 2023, so treat it as a learning resource rather than a production dependency.
Each effect is self-contained in its own folder with a worklet, properties file, and a standalone demo page — easy to isolate and study. The scalloped border and super underline worklets show the real power of Houdini: effects that would normally require SVG hacks or extra DOM elements done purely in CSS. The code is short and readable, which makes it a good reference for writing your own Paint worklets. The Netlify demo site lets you see the effects without cloning anything.
Browser support for the CSS Paint API is still Chrome/Edge only — Firefox has had the spec on ice for years and Safari support is absent, so anything you ship with this needs a fallback. The library is abandoned: no commits since January 2023, no issue responses, still marked WIP. There is no npm package — each worklet ships via a CDN script tag pointing to a Netlify URL, which is not something you want in production. No test suite, no TypeScript types, and no documentation beyond the demo page.