Shubham Singh

SF Catalog - Browse SF Symbols & Generate UIKit / SwiftUI Code

by
I use SF Symbols a lot while building UIs, and it always turned into the same loop — search, try in code, run, tweak, repeat. Not hard, just… time consuming. So I built SF Catalog; a place to explore symbols, try variations & animations, and just grab the SwiftUI/UIKit code when it looks right. Now live on iPhone & Mac.

Add a comment

Replies

Best
Shubham Singh
Maker
📌
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.