💠
Glaze logo

Glaze

animation

Glaze is a utility-based animation framework for the web designed to simplify the creation of animations. Built on top of GSAP, a powerful animation library, Glaze requires minimal code to produce complex animations. Inspired by Tailwind's utility-first design, it offers a familiar experience for users already acquainted with such an approach.Glaze supports responsive design inherently, ensuring that animations can adapt to different screen sizes through defined breakpoints. The framework provides full support for timelines, which enables the sequencing of multiple animations either consecutively or concurrently. Additionally, Glaze features dot notation for specifying nested properties in settings objects, providing users with comprehensive control over the animations. Although currently supporting only GSAP, Glaze’s library-agnostic syntax sets the stage for future compatibility with other animation libraries.

Features

  • Based on GSAP for powerful animation capabilities
  • Utility-inspired design for a familiar HTML-first approach
  • Responsive animations through breakpoints
  • Support for timelines allowing sequenced or parallel animations
  • Dot notation for detailed control over animation settings
  • Library-agnostic syntax prepared for future extensions

Stats

GitHub Stars413

NPM Downloads1.9K/week

Details

Latest Version2.0.1

Created at2/4/2024

Updated at10/31/2024

LicenseOther

Related Items

Get a monthly E-Mail with the newest developments in UI!