# Glaze

> Glaze is a utility-first animation library for GSAP and Motion: describe animations in your HTML with data attributes instead of writing JavaScript animation code.

## Pages
- [Home](https://glaze.dev/)

## Documentation
- [Introduction](https://glaze.dev/docs.md): Utility-based animations for the web
- [Getting Started](https://glaze.dev/docs/install.md): Get Glaze set up in your project
- [Syntax](https://glaze.dev/docs/syntax.md): How to write Glaze animation strings
- [Selectors](https://glaze.dev/docs/selectors.md): Target elements with data attributes or classes
- [Breakpoints](https://glaze.dev/docs/breakpoints.md): Responsive animations with media queries
- [Timelines](https://glaze.dev/docs/timelines.md): Chain animations together
- [Motion](https://glaze.dev/docs/motion.md): Run Glaze animations with the Motion adapter
- [ScrollTrigger](https://glaze.dev/docs/scrolltrigger.md): Animate on scroll
- [Defaults](https://glaze.dev/docs/defaults.md): Set global animation defaults
- [Presets](https://glaze.dev/docs/presets.md): Reusable animation presets
- [Changelog](https://glaze.dev/docs/changelog.md): Release history for Glaze.

## Optional
- [Full documentation](https://glaze.dev/llms-full.txt): Markdown source of every documentation page in one file, 33 KB, about 8,400 tokens