gitwtfhub

wtf is can-it-be-done-in-compose-multiplatform?

l2hyunwoo/can-it-be-done-in-compose-multiplatform — explained in plain English

Analysis updated 2026-05-18

9KotlinAudience · developerComplexity · 2/5Setup · easy

TL;DR

A collection of Compose Multiplatform demos that recreate tricky animation effects across Android, iOS, and desktop from one Kotlin codebase.

Mindmap

mindmap
  root((repo))
    What it does
      Recreates animation demos
      Runs on Android iOS desktop
      One shared Kotlin codebase
    Tech stack
      Kotlin
      Compose Multiplatform
      wasmJs
    Use cases
      Learn animation techniques
      Reference shader effects
      Study cross platform UI
    Audience
      Developers
    Demos
      Rainy window
      Morphing search textfield

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Why would anyone build with this?

REASON 1

Learn how to recreate a specific animation effect like a rainy window in Compose Multiplatform.

REASON 2

See a working example of a morphing search bar animation across Android, iOS, and desktop.

REASON 3

Use one of the self-contained demo folders as a starting reference for a similar UI effect.

What's in the stack?

KotlinCompose MultiplatformwasmJs

How it stacks up

l2hyunwoo/can-it-be-done-in-compose-multiplatformandroid-hacker/wechatchatroomhelperotonielpv/sonylivemonitor
Stars988
LanguageKotlinKotlinKotlin
Last pushed2019-12-09
MaintenanceDormant
Setup difficultyeasyhardhard
Complexity2/54/54/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you spin it up?

Difficulty · easy Time to first run · 30min

Each demo is a separate project you open and build individually rather than a single installable app.

No overall license is stated, the rainy window demo specifically uses a shader that is noncommercial and share-alike only.

Wtf does this do

This project is a collection of graphics and animation demos rebuilt using Compose Multiplatform, a framework that lets one Kotlin codebase run on Android, iOS, and desktop computers, with some demos also running in a web browser through wasmJs. It is inspired by a similar YouTube series called Can it be done in React Native, which recreated tricky visual effects to show what that framework could handle. Here the same idea is applied to Compose Multiplatform instead. Each demo lives in its own folder as a fully separate project, so you can open, build, and run any single demo on its own without needing the rest of the repository. The README is fairly short and currently lists two demos: rainy window, an animated field of raindrops on a glass surface, and morphing search textfield, an animated search bar that changes shape. Both are shown working across Android, iOS, and desktop, with short video clips included in the README to demonstrate the effect on each platform. The rainy window demo is built on a raindrop shader called Heartfelt, originally created by another author and licensed under a noncommercial, share-alike license. Because of that, the rainy window demo specifically cannot be used for commercial purposes, even though the rest of the repository does not state its own license. The project appears to be a small, ongoing showcase rather than a library meant to be installed into other apps, so its main value is as a reference for how to recreate specific animation effects in Compose Multiplatform.

Yoink these prompts

Prompt 1
Open the rainy-window demo folder and explain how the raindrop animation shader works.
Prompt 2
Show me how morphing-search-textfield handles the shape change animation in Compose Multiplatform.
Prompt 3
Walk me through building and running one of these demos on Android using Compose Multiplatform.

Frequently asked questions

wtf is can-it-be-done-in-compose-multiplatform?

A collection of Compose Multiplatform demos that recreate tricky animation effects across Android, iOS, and desktop from one Kotlin codebase.

What language is can-it-be-done-in-compose-multiplatform written in?

Mainly Kotlin. The stack also includes Kotlin, Compose Multiplatform, wasmJs.

What license does can-it-be-done-in-compose-multiplatform use?

No overall license is stated, the rainy window demo specifically uses a shader that is noncommercial and share-alike only.

How hard is can-it-be-done-in-compose-multiplatform to set up?

Setup difficulty is rated easy, with roughly 30min to a first successful run.

Who is can-it-be-done-in-compose-multiplatform for?

Mainly developer.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.