# Declarative data attributes # Progressive enhancement

JavaScript utilities

Reusable, component-agnostic behaviors for interaction, data handling, layout and animation.

Frequently used

Scripts

Interaction

Toggle behavior, click-away actions and simulated clicks for predictable UI interactions.

Data & state

Filter, sort, copy and compress content to improve navigation and readability in dense interfaces.

Layout & observer

Move elements and react to container size changes while preserving markup intent.

Animation

Apply controlled motion effects using the documented animation utility patterns.

Authoring principles

  • Keep scripts component-agnostic and reusable.
  • Use explicit data attributes prefixed with `data-js-` for configuration.
  • Prefer progressive enhancement so markup still works without JavaScript.
  • Document every behavior with a live example and attribute reference.