Hey everyone! I am thrilled to introduce Airbnb’s ...

# compose

[Vinay Gaba]

Hey everyone!
I am thrilled to introduce Airbnb’s latest open source project -
🔦 Showkase 🔦

Showkase is an annotation processor based Android library that helps you organize, discover, search and visualize Jetpack Compose UI elements. It auto-generates a UI browser app for you ✨

More info in the thread 👇🏼

[Vinay Gaba]

Showkase eliminates the manual work of maintaining a UI preview/browser app that each company is forced to build in order to maintain their design systems. By just adding a few annotations to your UI elements, this is what you get for free 👇

2.mp4

[Vinay Gaba]

It currently supports Jetpack Compose composables, colors and typography but you should expect support for more UI elements! You can also easily search and find the right elements that someone else on your team might’ve built. This helps in maintaining consistency across your app!

[Vinay Gaba]

But that’s not all! Showkase also auto-generates permutations of your composables and renders it in common situations like RTL, Dark Mode, Font Scaling, etc. This helps in catching issues early and gives you early signals while you are still developing your components.

[Vinay Gaba]

What do I need to do to see my Compose UI elements in this app?
Glad you asked! Showkase provides annotations that you need to add to your UI elements and that’s mostly it 💥

Setup instructions here - https://github.com/airbnb/Showkase#installation

[Pete Doyle]

Very cool 🙂 👏

[Vinay Gaba]

We are thinking about some interesting ways in which we can extend this! We’d love to hear more about other creative ways to improve it! I hope that you find Showkase useful as you start experimenting with Compose. This has been in the works since April so I’m very excited to finally launch it! Give it a shot and let me know what you think!

[Vinay Gaba]

Some obvious questions that may arise are about whether we are already using Compose, etc. I cover them in the FAQ’s - https://github.com/airbnb/Showkase#frequently-asked-questions

[Vinay Gaba]

Would love feedback around whether the value prop is clear and if the documentation makes sense 🙏🏼

[Vinay Gaba]

Also, I apologize if this is too many words for your liking. I really struggle with writing and didn’t want that to hold me back from launching. So I’m posting my first draft of this launch message 😅

[Afzal Najam]

Oh this is neat!