GSAP UI elements

Yes. Every element ships in more than one look, each defined as a block of CSS custom properties in its own stylesheet and selected with a single data-variant attribute. The markup and the script are identical across them, so moving one onto your own palette is editing a block of tokens rather than working through the rules.

Its own stylesheet and its own script, plus GSAP from a CDN. There is no component framework and no icon package: where an element uses icons they are inline SVG in the markup you copy. Some also load a GSAP plugin such as Flip or Draggable, which the product page lists. The demo pages pull a webfont from Google Fonts; swap it for your own.

Yes. The demo on each product page is the component itself running in a frame, not a recording, so you can open it, tab into it, use the arrow keys and Escape, and check it at phone width. Interaction and keyboard behaviour are most of what a component like this is worth, and they are the part a screenshot cannot show.

An element is a working piece of interface (a dock, a modal, a command palette) with its own states and keyboard behaviour. An effect is motion applied to markup you already have, such as a scroll reveal or a text animation. Buying one off this page is £10-£25, an effect is £10, and The Vault covers both.