Alignment
Two overlapping geometric rectangles slide into perfect alignment along a dotted horizontal axis, lock together, and pulse once.
CSS
Engagement
15 animationsCapacity
Three vertical columns in a bar chart adjust their heights smoothly as individual block segments shift between them to balance workload.
CSSChange
An existing grid of blocks slides apart to allow a new row of elements to insert itself and settle into place.
CSSContract
Two stylized document sheets slide over one another to intersect, and a circular seal draws itself over the overlapping area.
CSSEscalation
A bright node travels upward through a stepped chevron path, pausing at each landing before ascending to the apex.
CSSFeedback
Pulses of light flow along a circular path between two rounded nodes, illuminating each node as the signal transfers.
CSSHealth
A client relationship status core rhythmically shifts through a gradient pulse, indicating steady engagement vitality.
CSSMilestone
A marker slides along a segmented line path, pausing at each node to draw a small enclosing ring.
CSSOnboard
A central circle expands to connect with three orbiting satellite rings, which light up in sequence as connection paths are established.
CSSPortal
A split-screen wireframe diagram animates as data cards slide across the dividing line, populating empty slots on the receiving side.
CSSRetention
Two concentric circular rings rotate smoothly in opposite directions around a stable glowing core disc.
CSSReview
A rectangular frame box slides horizontally across a matrix of small dots, magnifying and illuminating the column it pauses over.
CSSScope
A dashed border box expands outward to frame a grid of four small solid squares, which grow slightly into place.
CSSSLA
An SLA service threshold ring counts down smoothly against a reference target boundary line.
CSSStakeholder
Lines radiating from three corner nodes pulse with light as they converge and form a central glowing triangle.
CSS