Patterns

Static gradient backgrounds in multiple presets — for hero sections and banners.

Slow-drifting animated gradient mesh for ambient hero backgrounds.

Dotted-grid background pattern — subtle texture without competing for attention.

Subtle noise texture overlay for added depth on flat surfaces.

WebGL shader hero background with motion control and reduced-motion support.

Fade-in entrance primitive with configurable delay and duration.

Slide-in entrance primitive from any edge — top / right / bottom / left.

Scale-up entrance primitive for cards, badges, and modal content.

Staggered children animation primitive for animating lists and grids.

Material-style ripple effect on press — for buttons and tappable surfaces.

Scroll-triggered reveal animation primitive for content-rich pages.

Smooth transition primitive for animating value changes between states.

Step-by-step onboarding checklist with progress tracking and completion state.

First-time-user disclosure card with multi-step walkthrough.