Align
Two offset horizontal line segments are pulled vertically into perfect alignment, merging into a single continuous stroke.
CSS
Patch
15 animationsBind
A vertical line with a jagged crack in the middle is bound by two horizontal bracket bars that clamp onto either side, erasing the crack.
CSSBridge
Two disconnected line ends are bridged by a horizontal connector line that draws itself from left to right, restoring flow.
CSSClasp
A link in a chain that is split is clamped shut as a small bolt icon slides through the split and tightens.
CSSFill
A hollow square with a dotted outline has its center filled by a solid smaller square that expands to the borders.
CSSMend
A grid of dots missing its center dot is restored as a new dot scales up from zero to complete the grid.
CSSOverlay
A block of text code represented by three horizontal lines is protected by a semi-transparent defensive diagonal bar that sweeps across it.
CSSOverwrite
A square container block with a diagonal 'X' is overwritten as a clean vertical sweep line erases the 'X' and leaves a checkmark.
CSSPlug
A container outline with a small leak at the bottom has a wedge-like plug shape slide into the opening, stopping a slow stream of dots.
CSSReinforce
Two intersecting lines are reinforced by a small diagonal brace line that fades in and thickens, stabilizing them.
CSSRepair
A broken fiber or thread line gets re-threaded as two looping lines overlap, tie a secure node, and straighten out.
CSSSeal
A circular line with a broken gap is repaired as a small curved plate descends and snaps into the gap, sealing the loop.
CSSShield
A vulnerability shield icon gets a secondary thicker curved outer plate that slides over its face and locks.
CSSSolder
A circuit track with a gap has a tiny circle of solder expand in the gap, and then light pulses along the entire track.
CSSUpdate
A stack of three horizontal bars has its middle bar slide out and get replaced by a new glowing bar that locks into place.
CSS