90s Website … in 2023 on mobile in Compose … for science
summary
Builds a retro 90s web UI using Jetpack Compose and Compose Multiplatform, reproducing blink tags, rainbow shimmer, marquees, a visitor counter and particle glitter; implements repeated background with image Shader with tileMode = Repeat, uses infiniteTransition and AnimatedVisibility for looping and show/hide, computes spaced dots with Poisson disk distribution (obtained from ChatGPT), runs on Android and desktop but animated GIFs only work on desktop, particle animation updates via frameRelease (inefficient but functional).
AI-written summary · about
chapters (21)
- 0:0090s website in Compose intro
- 1:51Memphis design history
- 3:4090s website tech & aesthetics
- 6:31Compose across devices
- 7:34State & animation in Compose
- 8:36Memphis colors & backgrounds
- 10:23Animated backgrounds with state
- 12:55JPEG-style wallpapers in Compose
- 14:21Blink tag animation
- 16:31Ghost animations with state
- 17:57Visitor counter with digits
- 19:22Rainbow text & gradients
- 21:48Shimmer gradients & brushes
- 23:43Candy stripes & dividers
- 25:50Heart animation scaling
- 26:55Under construction marquee
- 27:56Glitter particles & state
- 29:43Easter egg & GIF limits
- 30:46Key takeaways
- 32:31Animations as body language
- 34:16Missing 90s elements
related talks
38m90s Website … in 2023 on mobile in Compose … for science
42m90s Website … in 2023 on mobile in Compose … for science
36mCreative Coding with Compose
39mMagic Sprinkles: Adding animations to your app with Jetpack Compose
39mCreative and complex user interfaces with Compose UI
36mPractical implementations of powerful UI expressions using Jetpack Compose
01h 12mJetpack Compose — live coding declarative UI
01h 16mA Composable New World!