I use SF Symbols a lot while building UIs and apps. Like most Apple platform developers, I open the SF Symbols app, try to find what I’m looking for, and then use it in my project. The preview shows rendering modes and animations, but actually figuring those out in code has always been a bit of a challenge. It’s not hard really, but sure ends up taking a decent amount of time. And with no availability filters, no natural language search, and no proper playground to experiment, it always felt a bit limiting. So I built my own SF Symbols app -- SF Catalog. It’s a place where I can quickly explore symbols, apply filters, try out modifiers and animations, and just grab the code when it looks right and use it directly in my projects. I showed it to developers I met at Apple Developer Bengaluru events, and a lot of them said they’d wanted something like this for a long time — especially on Mac. So this made me double down, and explore how to build MacOS app. It took some time, but I was able to build it end-to-end for both iOS and macOS. I’ve been using it in my own workflow for a while now, and it’s replaced a lot of that back-and-forth. It genuinely saves me time.

SF Catalog

Browse SF Symbols & Generate UIKit / SwiftUI Code

Browse SF Symbols & Generate UIKit / SwiftUI Code