https://kotlinlang.org logo
Join Slack
Powered by
# compose-ui-showcase
  • y

    Yashwant Gowla

    07/22/2024, 5:17 AM
    Want to share a good and helpful library in Compose. Tired of generic snackbars? Let's explore and integrate SSCompose-CustomInfoBar. This Jetpack Compose library offers a powerful and customizable way to display informative messages within your app. ⚑ Features β€’ Content: Add πŸ’¬ text, icons, or even custom composables to your info bar for ultimate flexibility. β€’ Position: Display the info bar strategically at the ☝️ top or πŸ‘‡ bottom of your screen. β€’ Duration: Control how long the info bar stays visible, from indefinite to short ⚑ or long : hourglass: durations. β€’ Styles: Predefined styles like ⚠️ error, ℹ️ info, and warning are available, or craft your own style with custom background, text color, and icons. β€’ Swipe to dismiss: Users can dismiss the info bar with a simple swipe, providing an interactive touch. β€’ Look & Feel: πŸ–ŒοΈ Customize the info bar's shape, color, and elevation to seamlessly match your app's design. β€’ Theming: Integrate with Jetpack Compose's theming system for a consistent and beautiful look across your app. β€’ Animations: πŸŽ‰ Liven up your info bars with various built-in entrance and exit animations. β€’ Offline Notifications: πŸ“Ά A constructor flag which allows to automatically displays an info bar giving "you are offline" notification. β€’ Action button: πŸ‘ Optional action button to show on InfoBar. β€’ On Dismiss Callback: Get notified about bar dismissal. β€’ Queueing System: πŸ” Display multiple info bars sequentially. Github repo: https://github.com/SimformSolutionsPvtLtd/SSCompose-CustomInfoBar
  • y

    Yashwant Gowla

    07/22/2024, 7:51 AM
    SSCompose-FurniCraftAR - an Augmented Reality Furniture App in Jetpack Compose Features -> β€’ Explore an extensive catalog of furniture products β€’ Visualize furniture models in Augmented Reality β€’ Personalize the color scheme of each furniture model β€’ Seamlessly capture and share your Augmented Reality scenes featuring placed furniture models β€’ Use links for quick access to specific models with customized colors β€’ Enjoy dynamic model animations for enhanced visualization β€’ Experience uninterrupted usage with offline support, utilizing cached data for seamless access to your favorite furniture pieces https://github.com/SimformSolutionsPvtLtd/SSCompose-FurniCraftAR
  • s

    Sergey Y.

    07/25/2024, 12:50 PM
    Hi everyone πŸ™‚. I've been experimenting with GPU rendering on Android, aiming to create efficient blurring effects, and have developed a project called Imla. Imla stands for "Haze" in Ukrainian and focuses on bringing fast and correct blurring to Jetpack Compose on Android, especially for versions prior to API 31. Here's what I've been working on: β€’ Targets Android 6 and above β€’ Uses OpenGL ES 3.0 for GPU rendering β€’ Customizable blur radius and color tinting β€’ Blending with noise mask for frosted glass effect β€’ Gradient blur effects with blurring masks β€’ Not a library yet, but a playground for experimenting with different post-processing techniques I'm excited to announce that I'm open-sourcing this project! You can find it on GitHub: [Imla GitHub Repository](https://github.com/desugar-64/imla) The primary goal of this project is to explore Android GPU rendering and post-processing effects, finding the best way to achieve efficient blurring. The project is experimental and might evolve into a library in the future. Any constructive feedback, comments, or suggestions would be greatly appreciated. πŸ˜„ Feel free to check out the project and let me know what you think!
    p6_blur_demo.mp4gradient_blur.mp4
    πŸ”₯ 10
    😲 2
    πŸ™Œ 3
    t
    k
    +2
    • 5
    • 18
  • e

    eygraber

    08/09/2024, 4:15 AM
    https://kotlinlang.slack.com/archives/C0BJ0GTE2/p1723176888909949
  • y

    Yashwant Gowla

    08/14/2024, 12:41 PM
    Hello everyone! Animation is used to give the UI a rich look and feel. While manual implementations were typical task, Google introduced Shared Element Transitions for Jetpack Compose at their 2024 I/O event. Now Jetpack Compose includes a native API to simplify this process. Shared element transitions have long been a sought-after feature for Android developers, providing a more engaging and intuitive user experience. This helps maintain visual continuity and improves the user experience, especially when navigating between different screens. We're excited to highlight a fantastic community-driven demo SSCompose-SharedElement that showcases the power of the new Shared Element Transition API in Compose. Github repo : SSCompose-SharedElement Let's appreciate the efforts by giving a star (⭐) to this repository.
  • m

    markturnip

    09/29/2024, 4:22 AM
    https://github.com/markst/expandable-player-kt
    πŸ‘ 7
    πŸ‘πŸΌ 1
    j
    • 2
    • 2
  • s

    Stefan Oltmann

    10/12/2024, 2:08 PM
    Some additional screenshots to https://kotlinlang.slack.com/archives/C0BJ0GTE2/p1728742033619629 I like to share with you. πŸ™‚
    πŸ™Œ 11
    πŸ™ŒπŸ» 1
    πŸ™ŒπŸΎ 1
    πŸš€ 3
    m
    m
    v
    • 4
    • 4
  • v

    Viktor Nyblom

    10/19/2024, 6:55 AM
    I'm really happy about how the UI for Vacnotes turned out. πŸ₯³ It's designed by my awesome girlfriend and built by me using Compose Multiplatform. Fun fact: Backend is also Kotlin (Ktor), so it's all one big happy Kotlin Mutliplatform project. Next up will be creating a desktop app. πŸ˜ƒ https://apps.apple.com/us/app/vacnotes-ai-voice-to-text/id6532597260
    vacnotes.webp
    K 9
    m
    a
    +2
    • 5
    • 20
  • a

    Alex Vanyo

    11/11/2024, 12:33 AM
    My sandbox side project for Compose: https://github.com/alexvanyo/composelife Lots of fun UI things, with shared elements, complex layouts, and the Game of Life simulator itself, plus a bunch of foundational things: tests, CI setup, and multiplatform on Android and desktop
    Screenshot_20241110_162823.webp
    K 14
    e
    k
    • 3
    • 3
  • n

    Nuru Nabiyev

    11/17/2024, 11:37 AM
    I have created a desktop app for knowledge organization on 2D canvas! I am a visual person, so I need to see my PDFs, Markdown files, images, etc in order to be productive πŸš€ It is also fully sync'd with your file system folder - so all the file changes are displayed right away. Check out the videos and more on: https://limandoc.com/
    K 13
    K 6
    ❀️ 4
    ✨ 2
    s
    a
    • 3
    • 8
  • z

    Zach Klippenstein (he/him) [MOD]

    11/24/2024, 9:33 PM
    I just published a little library for experimenting with constraints in `@Preview`s.
    πŸ‘ 7
    πŸ‘πŸ» 1
    πŸš€ 6
    🀩 6
    πŸ”₯ 2
  • t

    Timo Drick

    11/27/2024, 9:39 AM
    Last week we had a hackathon at my company. I created a kind of oldscool paint application that produces shader code instead of bmp files, which can then be used as AGSL or SKSL shader code. Over the weekend I migrated the code to compose multiplatform so that it now also runs as a webapp. Live demo: https://drick.de/shaderpaint Sources: https://github.com/timo-drick/shader_paint
    shader_paint.mp4
    πŸ‘ 6
    j
    • 2
    • 3
  • t

    Timo Drick

    12/02/2024, 6:02 PM
    Do you also miss the amazing Compose previews in Android Studio when working on Compose Multiplatform projects? I see more and more developers using Compose Multiplatform for production projects, including myself. A few years ago Jetbrains implemented a plugin to do this. But since then it has not really evolved much. So I just started developing my own based on a live prototyping project I developed for Compose for Desktop a few years ago. Here is the current prototype.
    hotpreview_demo.mp4
    ❀️ 7
    πŸ’― 5
    kodee happy 6
    K 5
    • 1
    • 1
  • s

    Stefan Oltmann

    12/23/2024, 5:50 PM
    A short demo video for https://kotlinlang.slack.com/archives/C0BJ0GTE2/p1734975723111509
    Thumbnail Fixer.mov
    πŸ”₯ 3
  • t

    Timo Drick

    01/15/2025, 12:46 PM
    https://kotlinlang.slack.com/archives/C3PQML5NU/p1736943672307419
    K 3
  • r

    rob42

    02/07/2025, 3:32 PM
    Thought this community might be interested to know that Blip for Windows is built with Compose Multiplatform! It's a multi-window application that includes a full Fluent set of controls, as well as a bunch of win32 code to achieve a native look and feel, custom titlebars, file icons, dropdown menus etc πŸ˜…
    😁 5
    😎 4
    πŸ”₯ 12
    K 7
    m
    p
    +2
    • 5
    • 16
  • v

    Vishrut Goyal

    03/03/2025, 10:06 AM
    Hi i want to use date picker for desktop and android both is there any library which works for both? If not anything for desktop only?
    s
    • 2
    • 3
  • b

    Benny Sway

    03/17/2025, 11:13 PM
    I was working on a wasm side project, and got inspired by this codepen: https://codepen.io/FlorinPop17/pen/vPKWjd Then read the blog he wrote and saw the dribbble page that inspired them. A gist is below gist: https://gist.github.com/bennysway/8719e9b94ab8632327b4d4e492a6f78c
    loginUsecase.mp4
    πŸ‘ 7
    πŸ”₯ 5
    b
    p
    s
    • 4
    • 8
  • y

    Yassine Abou

    03/21/2025, 6:02 PM
    CMP Text+Image LLMs Demo (Mock Data). WebAssembly Version. Next is REST API Integration. Feedback Welcome! You can explore the website here: https://yassineabou.github.io/LMMs-Wasm/ The full github project is here: https://github.com/yassineAbou/LLMS
    LLMs.mp4
    πŸ‘ 4
    πŸ‘πŸΎ 1
  • a

    Armond Avanes

    04/18/2025, 6:06 AM
    πŸ‘‹ Hey everyone! I wanted to share a project I've been working on β€” Kids Math Lab, a free app designed to help K–5 students practice math in a fun and engaging way. It's built with Compose Multiplatform and is available on Android, iOS, iPadOS, macOS (M-series), and Web (WasmJS) platforms. You can check it out here: https://www.kidsmathlab.com Thanks for taking a look!
    πŸ‘ 5
    K 2
    πŸ”₯ 7
    🫢 7
    j
    p
    b
    • 4
    • 13
  • d

    David

    04/20/2025, 5:20 AM
    Hi all, this is my first CMP project: https://mobilekosmos.github.io/hear-calc/ in web there are still some minor issues with the keyboard, scrolling, etc., the android app works great but I'm still missing those 10 testers to be able to publish, and will try iOS in the next months when I get the hardware for it. The JVM version on Windows also works good so far. Multilanguage support is also still a bit rough, many manual steps needed and when for example hear-calc/de/ is loaded I don't know how to set the language in code based on the path.
  • e

    Eduardo Ruesta

    05/19/2025, 8:21 PM
    Hey team! this is my Compose Multiplatform project! I want to share it with you! The name is Criticly is an Android and iOS app for sharing opinions about Tv Show and Movies with your friends, see Top, Trending and Upcoming Tv Shows and Movies! You can create an account to create private Groups with friends to share and recommend movies and Tv shows you watched it!. Im releasing this App in the App Store and Google Play. For release the app in Google Play i need 14 Android testers. If you want to be one of this testers It would be of great help!
    Grabación de pantalla 2025-05-15 a la(s) 10.31.31β€―a.Β m..mov
    πŸ‘ 10
    πŸ‘πŸΎ 2
  • j

    Jordan Davis

    06/19/2025, 6:42 PM
    I made a fun daily word game called Quackle! Compose targeting iOS and Android! Android: https://play.google.com/store/apps/details?id=com.rocketventures.quackle iOS: https://apps.apple.com/us/app/quackle/id6747138786
    πŸ‘πŸ» 1
    πŸ¦† 1
    πŸ˜ƒ 1
    πŸ™ŒπŸ½ 1
    πŸ‘πŸ½ 1
    πŸ‘ 8
    b
    r
    • 3
    • 6
  • k

    Kevin Block

    07/02/2025, 2:05 PM
    Had a lot of fun developing this small demo to render julia sets. targets android, ios, web and desktop! β€’ Github Repo β€’ WASM target demo
    Screen Recording 2025-07-02 at 9.34.37β€―AM.mov
    plus1 2
    πŸŽ‰ 1
    s
    • 2
    • 2
  • z

    Zoltan Demant

    07/03/2025, 10:43 AM
    This is my first published app that really dips into kotlin & compose multiplatform: Lagom (Play Store Link) It was a blast to build, and I was able to do a few (to me) really cool things along the way: β€’ Developed and iterated almost entirely on desktop! No emulators - no problems. There is no going back to emulators after trying this out. β€’ Built custom navigation system, design system (inspired by M3), both working on Android, JVM, iOS, WASM. β€’ Shared JVM logic between frontend & backend. β€’ And the best of all: re-using the navigation, design system, and other libraries in my other projects afterwards!
    5.webp3.webp2.webp1.webp4.webp
    kodee happy 2
    ❀️ 2
    ✨ 18
    K 5
  • f

    Fernando

    08/15/2025, 3:14 PM
    Hi, I am developing this Portal website prototype https://dynabard.com/, combining CMP and Kubriko Game Engine. Kotlin KMP made it possible to create almost the entire project in common code (!!!), tested and running on Web, Desktop, and Android.
    K 1
    πŸ‘ 1
    p
    • 2
    • 2
  • p

    Phillipp Correia

    08/25/2025, 3:20 AM
    I built and launched Smart Dealer Poker β€” a free app for playing poker with friends in real life β€” using Kotlin and Compose Multiplatform. PS: No gimmicks. No in-app purchases. In under 8 months, we’ve: - Reached 4k monthly active users - Recorded 40k+ games played and 900k+ hands dealt - Maintained strong ratings: 4.8 on iOS, 4.5 on Android Site: https://smartdealer.poker/ Android: https://play.google.com/store/apps/details?id=studio.lostjoker.smartdealer.android.poker iOS: https://apps.apple.com/au/app/smart-dealer-poker/id6472909251 Web: https://gameplay.smartdealer.poker/
    K 8
    s
    • 2
    • 5
  • n

    Nuru Nabiyev

    08/26/2025, 4:30 PM
    I built a desktop app that runs on Windows/macOS/Linux and organizes photos into collections that are tagged by an offline LLM. It’s a Google Photos replacement for me that is fully offline and open source! I use Google Photos on my phone a lot, but there are thousands of old photos on my laptops as well. So over the week, I played around with Ollama/Llava and wrapped it into a Kotlin Multiplatform desktop app K. In the next version, I want to add face recognition and tagging too. This would be especially useful for me to find various faces from weddings and events. You can install it from GitHub, but I would suggest just checking out the repo, opening it in IntelliJ IDEA, and running
    ./gradlew :composeApp:run
    .
    LimanPhotosDemo.mp4.mov
    πŸ”₯ 8
    s
    • 2
    • 29
  • t

    Tanish Azad

    09/09/2025, 7:34 PM
    My experience optimizing CMP/WASM The approaches I used:- 1. Zstd compressing the generated WASM binaries for smaller size transferred over the internet and faster decompression times 2. Loading the WASM and glue JS in parallel rather than the default sequential 3. Used a CDN to deliver the resources (I used AWS CloudFront, but any good CDN will do the job) Using all these I was able to get consistent 1s load times after clearing the cache, which I think is pretty good You can try it yourself at: https://dxx3q4hyoo2sq.cloudfront.net/ Or the version which serves html and css from github pages but loads the binaries from CDN at: https://taz03.github.io/matrix-calculator/ Also everything is open-source at: https://github.com/Taz03/matrix-calculator
    🏎️ 5
    πŸ”₯ 7
    K 15
    p
    • 2
    • 5
  • t

    Tanish Azad

    09/16/2025, 2:06 PM
    I've been working on this Compose online runner for sometime now, its still not complete but its ready enough for like an alpha release. If you want to try it yourself heres an public accessible link , you do need to create an account. And for now I've set a limit of 3 codespaces per account and 10 runs on each codespace. Try it and let me know what you think in the thread, any feature requests or bug reports are welcome πŸ˜€
    Compose.mp4
    K 2
    s
    • 2
    • 2