Uploading Button

Summary

A dark neumorphic upload button with an animated glowing border that traces around the edges to indicate loading state, crafted as a focused microinteraction study.

Visual description

A rounded rectangular button rendered in dark navy sits centered against a pure black background with a bright glowing blue border that appears brightest along the right edge. The word 'Uploading' appears in light blue sans-serif text inside the button. The glow effect appears to animate around the perimeter, suggesting an active loading state.

Key takeaway

Using a glowing animated border around a dark button communicates loading state without flickering or pulsing; the colored outline provides motion cues while the button shape stays stable and reduces cognitive load.

Reuse notes

Reach for this as a motion still reference. Pairs with soft ui directions. Original by Tushti Sachdeva.