Meet Jewel:Create IDE plugins in Compose
summary
Jewel is a Compose for Desktop implementation of IntelliJ’s New UI that provides a Compose Multiplatform component library plus a Swing bridge to map look‑and‑feel, icons and theming so Compose components match the IDE. Demo rebuilds a tool‑window UI in about two days (versus ~4.5 days in Swing), adds selectable lazy lists, interop with the existing editor, and a GPU shader hover effect. API is alpha with breaking changes; pilot adopters include package‑search, Studiobot and Android Profilers; table and combo‑box are still missing.
AI-written summary · about
chapters (24)
- 0:00Introduction to Jewel
- 0:28Current IDE UI with Swing
- 3:58Problems with Swing in 2023
- 5:01Why Compose for IDE plugins
- 6:04Introducing Jewel
- 7:07Jewel’s architecture
- 8:11Swing bridge and theming
- 10:22Jewel’s alpha stage and challenges
- 11:46Demo time with Jewel
- 12:29Building a sample plugin
- 14:15Migrating Swing to Compose
- 16:00Using services for state
- 17:03Implementing UI components
- 18:28Adding a selectable list
- 19:51Creating list item layouts
- 21:17Making items interactive
- 23:45Building the right column
- 25:08Adding details and text
- 26:10Productivity gains with Jewel
- 26:30Adding GPU shaders
- 27:58Pilot teams using Jewel
- 28:18Future plans and API stability
- 30:45Getting started with Jewel
- 31:49Why we built Jewel
related talks
31mProject Sparkles: How Compose is Changing Android Studio
43mPlug and Play: Power Up DevX with Android Studio Plugins
36mBlazing Fast UI Development with Compose Hot Reload
33mBlazing Fast UI Development with Compose Hot Reload
27mLeverage Compose Tooling to Improve Your Workflow
30mDemystifying the UX of Compose Guidance
27mLeverage Compose Tooling to Improve Your Workflow
36mHow the developer community is shaping Jetpack Compose