90s Website … in 2023 on mobile in Compose … for science
summary
A 90s‑style site is reimplemented with Jetpack Compose multiplatform using shader brushes, remembered brushes and infinite transitions, keyframe animations, per‑letter rainbow color lists and a poisson‑disk distribution to lay out polka‑dot backgrounds. Built features include tiled repeating image wallpapers, a blinking tag (keyframes), an animated visitor counter (AnimatedContent), a marquee, and a particle‑based glitter pointer that updates every frame. GIFs fail on Android, tiled bitmaps crash iOS, fonts misrender on iOS, and heavy ops (buildPoissonDisk, BoxWithConstraints, per‑frame particle updates) cause performance jank; repo available.
AI-written summary · about
chapters (16)
- 0:00Introduction and motivation
- 6:49Multiplatform challenges
- 7:29Live code review setup
- 9:14Design system overview
- 13:07Memphis Design implementation
- 15:56Tiling backgrounds with brushes
- 17:20Blink tag animation
- 18:44Ghost marquee animation
- 21:19Visitor counter animation
- 23:27Rainbow text animations
- 26:22Gradient text shimmer
- 28:09Demo and iOS crash
- 28:51Rainbow divider and construction
- 30:59Glitter pointer particle system
- 34:12Easter egg and summary
- 35:56Techniques recap and closing
related talks
36m90s Website … in 2023 on mobile in Compose … for science
42m90s Website … in 2023 on mobile in Compose … for science
36mCreative Coding with Compose
36mPractical implementations of powerful UI expressions using Jetpack Compose
39mMagic Sprinkles: Adding animations to your app with Jetpack Compose
30mFun.css
43mPixel with Superpowers: Modern Android UI with AGSL Shaders
39mCreative and complex user interfaces with Compose UI