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

    Kashismails

    02/04/2024, 6:09 PM
    Created this solar eclipse with compose multiplatform , platform specific logic for accelerometer and magnetometer for ios and Android. Check it here https://github.com/Kashif-E/SolarEclipse
    IMG_0225.MOVRPReplay_Final1707056743 2.MP4
    πŸ‘πŸ» 1
    πŸ‘ 4
    πŸ‘πŸ½ 1
    πŸ”₯ 1
  • g

    Guilherme Delgado

    03/08/2024, 10:04 PM
    https://github.com/GuilhE/WhosNext
    πŸ• 4
    jetpack compose 5
    s
    • 2
    • 2
  • g

    Guilherme Delgado

    03/08/2024, 10:04 PM
    wasm version on githubpages: https://guilhe.github.io/WhosNext/
    s
    • 2
    • 2
  • t

    Timo Drick

    03/14/2024, 4:52 PM
    I wrote a small library to show WindowInsets in the compose preview. If you are working on edge-to-edge design maybe you want to take a look: https://github.com/timo-drick/compose_libraries/tree/main/edge_to_edge_preview_lib
    πŸ‘ 5
    πŸ™Œ 10
    πŸ‘πŸ» 1
    πŸ™ŒπŸ» 1
  • b

    brandonmcansh

    03/27/2024, 2:37 AM
    Code will be available tomorrow :) https://www.linkedin.com/posts/brandonmcansh_jetpackcompose-androiddev-iosdev-activity-7178549223200567296-9qBV?utm_source=share&utm_medium=member_ios
    • 1
    • 1
  • z

    Zoltan Demant

    05/28/2024, 12:25 PM
    Ive seen many people share code between iOS and Android, but have you ever considered doing so between jvm-desktop & Android?! Jokes aside, I used this approach because building with desktop was blazingly fast for me, and a superb way to test out the UX (no more slow emulators kodee loving). Feel free to check out the project on the play store here, or find some tech details in 🧡
    βž• 7
    d
    g
    s
    • 4
    • 5
  • f

    F

    05/29/2024, 10:21 AM
    https://github.com/fethij/Rijksmuseum
    πŸ‡³πŸ‡± 6
    ❀️ 1
    πŸ”₯ 11
    k
    • 2
    • 2
  • b

    Bam

    06/24/2024, 6:44 PM
    Hi everyone. I've been working on my KMP skill, trying to use the latest and greatest, and have made this multiplatform app for my local comedy club. Take a look and let me know what you think. β€’ Targets Android, iOS and Desktop β€’ All possible code is Common β€’ Material Design UI shared across all targets β€’ Features and module separation β€’ Koin, SQLDelight, SupaBase, Compose Webview, etc β€’ Compose Navigation for all feature modules that are standalone The goal has been to be able to make common code only, while getting the basics of separation, modules, dependency injection, testing, navigation, etc, working well. Any constructive feedback, comments or suggestions would be greatly appreciated. πŸ™ Also, thanks to all the incredible devs that have worked on the dependencies used. πŸ₯³ https://github.com/Mithrandir21/monkey_barrel_comedy_app
    πŸ™Œ 2
    πŸ‘ 3
    πŸ‘πŸ» 1
    πŸ₯³ 2
    d
    • 2
    • 2
  • s

    Stefan Oltmann

    07/11/2024, 4:51 PM
    I am very satisfied with the UI of my Compose Multiplatform app Ashampoo Photo Organizer. πŸ™‚
    πŸ‘ 2
    K 9
    πŸ‘πŸ½ 1
    πŸ‘πŸΎ 1
    K 1
    πŸ”₯ 11
    t
    • 2
    • 6
  • 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
    πŸ”₯ 9
    😲 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
    πŸš€ 2
    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 12
    K 5
    ❀️ 3
    ✨ 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
    πŸ”₯ 11
    K 6
    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
    πŸ”₯ 4
    b
    p
    s
    • 4
    • 6
  • 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
    πŸ”₯ 6
    🫢 4
    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.