morphicons

Showcase

The icon swaps that show up most in real shadcn/ui apps, rebuilt as morphs. Pick a library, tune the physics, copy the component in your framework.

Copy to clipboard

The most repeated swap in real apps: Copy settles into Check.

npm i morphicons

Password visibility

Eye to EyeOff on the input's trailing button.

Theme toggle

Sun to Moon in one slot: no double SVG, no CSS swap.

Player controls

Play and pause, plus mute on the same cluster.

ambient-01.wav3:42

Inline validation

The trailing icon tracks the field: Check when valid, X when not.

File tree

Folders morph open; the disclosure chevron stays CSS.

  • button.tsx
  • input.tsx
  • toggle.tsx