This project started while I was diving deeper into Tailwind and Headless UI. I really liked the flexibility of Headless UI from a developer’s perspective—but noticed there weren’t many solid Figma resources that captured how it actually works in practice.

So I decided to create a component library in Figma based on Headless UI. I built each component with proper structure, states, and variants—staying true to the logic of the original, but with a designer-friendly setup.

To take it a step further, I also added animations to each component. It was a fun way to explore motion in Figma while also helping others visualize how these interactions might behave in the final product.

At some point, the file started gaining traction in the Figma Community, which was a nice surprise.