Spry Widget は、HTML、CSS、および JavaScript コードを組み合わせてユーザーインタラクションを可能にするページエレメントです。 Spry Widget は次の部分で構成されます。

Spry フレームワークは、標準 HTML、CSS、および JavaScript コードで書かれた再利用可能な一連の Widget をサポートします。 これらの Widget は、最も単純なものは HTML と CSS のコードであり、容易に挿入し修正して使用できます。 フレームワークのビヘイビアには、ユーザーがさまざまな操作をできるようにする機能が含まれます。これにはたとえば、ページコンテンツの表示と非表示を切り替える、ページの色などの外観を変える、メニュー項目をインタラクティブに使用するなどの機能があります。

Spry フレームワークの各 Widget は、それぞれ固有の CSS および JavaScript (Adobe Labs で入手可能) に関連付けられています。 CSS ファイルには、Widget のスタイル設定に必要なすべての設定が含まれています。JavaScript ファイルは、Widget の機能を提供します。 ある Widget に関連付けられた CSS および JavaScript ファイルは、その Widget にちなんだ名前が付けられています。このため、どのファイルがどの Widget に対応するかを容易に見分けられます。 たとえば、アコーディオン Widget に関連付けられたファイルの名前は "SpryAccordion.css" および "SpryAccordion.js" です。