https://github.com/dnnsjsk/glaze

The utility-based animation framework for the web.
https://github.com/dnnsjsk/glaze

Last synced: 12 days ago
JSON representation

The utility-based animation framework for the web.

• Host: GitHub
• URL: https://github.com/dnnsjsk/glaze
• Owner: dnnsjsk
• License: other
• Created: 2024-02-04T21:20:18.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-04-22T22:10:22.000Z (7 months ago)
• Last Synced: 2024-04-22T23:27:23.776Z (7 months ago)
• Language: TypeScript
• Homepage: https://glaze.dev
• Size: 8.99 MB
• Stars: 246
• Watchers: 3
• Forks: 4
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![glaze image](https://raw.githubusercontent.com/dnnsjsk/glaze/main/image.png)

Glaze is an animation framework that combines the power of

[GSAP](https://greensock.com/gsap/) and utility-based document authoring à la

[Tailwind](https://tailwindcss.com) to create a simple, yet powerful, way to

compose declarative animations for the web.

```html copy



```


## Features

- **Breakpoints** Define custom breakpoints and animate elements at different

  screen sizes using `@{size}` syntax. Uses GSAPs

  [matchMedia]().

- **Timelines** Compose timelines using `@tl`.

- **Dot notation** Use dot notation to control nested properties inside the

  animation object, e.g. `to:scale-1.5|scrollTrigger.trigger-[&]`.

- **Lightweight** ~3kb minified and gzipped.

- **Library agnostic** Can be extended to work with other animation libraries.

  (coming soon)

## Credits

The API and syntax of Glaze is heavily inspired by [Tailwind](https://tailwindcss.com)

and [MasterCSS](https://css.master.co/).

## Licensing and Requirements

Glaze is designed to work seamlessly with [GSAP](https://greensock.com/gsap/). To use

Glaze, you must include GSAP in your project.

### GSAP Licensing

GSAP is subject to its own licensing terms. Before incorporating GSAP with Glaze, ensure you review and comply with

the [GSAP Standard License](https://gsap.com/community/standard-license/).

Glaze itself is licensed under the MIT License. For more details, see the LICENSE file in the repository.