Glaze
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
Links
Stats
GitHub Stars413
NPM Downloads1.9K/week
Details
Latest Version2.0.1
Created at2/4/2024
Updated at10/31/2024
LicenseOther
Related Items
Motion One
A modern web animation library built on native browser APIs, ensuring fast performance and tiny file size.
anime.js
This animation library simplifies the process of creating engaging animations for web applications, combining flexibility with ease of use.
Framer Motion
A powerful tool to create impressive animations with minimal effort in your React applications.
GSAP
This animation tool allows you to effortlessly create engaging animations and interactions on the web, enhancing the user experience beyond standard transitions.
React Spring
This animation solution delivers smooth, high-performance transitions that breathe life into any interface, enhancing user experiences seamlessly.