bernaferrari

bernaferrari / diagonal-wipe-icon

Public

A one-file icon transition component for Compose

bernaferrari.github.iodiagonal-wipe-icon
15
0
100% credibility
Found Mar 04, 2026 at 15 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
Kotlin
AI Summary

A lightweight, one-file component for Compose Multiplatform that enables smooth diagonal wipe transitions between pairs of icons, replicating polished system behaviors.

How It Works

1
🔍 Discover cool icon magic

You stumble upon a live demo showing icons smoothly wiping from one to another, like a fancy toggle switch that feels alive.

2
✨ Fall in love with the animation

Watch icons elegantly slide across each other in different directions, perfect for on/off buttons or settings that pop.

3
📥 Grab the single magic file

With one simple copy command, you download just one easy file to add this polish to your own creations.

4
📂 Drop it into your project

Paste the file into your app's folder, and it's ready—no extra setup or hassle.

5
🎛️ Wrap it around your button

Put it inside a clickable spot with your two icons, like favorite filled to empty, and toggle away.

6
⚡ Customize the smooth feel

Pick a gentle sway, snappy bounce, or direction like top-to-bottom to match your vibe perfectly.

✅ Enjoy pro-level icons everywhere

Your app's toggles now feel premium and buttery smooth on phones, tablets, and web, delighting everyone who uses it.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 15 to 15 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is diagonal-wipe-icon?

Diagonal-wipe-icon is a Kotlin Compose Multiplatform component for smooth diagonal wipe transitions between two icons, replicating Apple's SF Symbols polish in Android, iOS, and web apps. Download one file from the GitHub repo, drop it into your commonMain/kotlin folder, and wrap it around any ImageVector or Painter pair for toggles like on/off or visible/hidden states. Zero dependencies means no gradle hassle—just clone one file from GitHub and go.

Why is it gaining traction?

It stands out by delivering pro-level micro-interactions with presets for directions (8 options), timings (tween or spring), and tints, all performant at rest like a static icon. Developers grab it for the one-file GitHub download simplicity—no bloat, instant copy-paste wins over manual animated vectors or editors. The live demo showcases 100+ Material pairs, hooking folks tired of janky icon swaps.

Who should use this?

Compose Multiplatform devs building settings screens, toggle buttons, or stateful UIs where icons need fluid on/off feedback. Android teams emulating iOS fluidity, or web/iOS ports wanting consistent animations without custom assets. Skip if you're not in Compose or need non-icon transitions.

Verdict

Grab it for quick icon polish if this fits—solid docs, demo, and MIT license make evaluation easy, despite 13 stars and 1.0% credibility signaling early maturity. Test in your toggle flows; low risk since it's one file to pull from GitHub or revert.

(198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.