Glide

Animations as a language, not as code.

Glide is a domain-specific language (DSL) for web animations that compiles to GSAP.

Features

• Human-readable animation syntax
• Compiles to production-ready GSAP code
• Syntax highlighting for .glide files
• Code snippets for all animation categories
• Glide Dark color theme

Syntax Example

animate .hero
  entrance: fadeUp
  duration: 0.8s
  easing: smooth

Animation Categories

Entrance/Exit · Scroll · Hover/Click · Stagger · Text · SVG · Page Transitions · Morph · Physics/Spring · Loop/Infinite · Cursor · 3D · Timeline

Links

• GitHub
• npm

License

MIT