Hydrogen Gsap

screenshot of Hydrogen Gsap

Hydrogen + GSAP + Oxygen

Overview

Hydrogen + GSAP in Oxygen is a Shopify stack for headless commerce. It is designed to work seamlessly with Remix, Shopify's full-stack web framework. This template provides a minimal setup of components, queries, and tooling to easily get started with Hydrogen.

Features

  • Hydrogen: Shopify's stack for headless commerce.
  • GSAP: A powerful JavaScript animation library.
  • Remix: Shopify's full-stack web framework.
  • Oxygen: A template for building headless commerce websites.
  • Shopify CLI: Command-line interface for Shopify development.
  • ESLint: A linter tool for JavaScript and TypeScript code.
  • Prettier: A code formatter for JavaScript and TypeScript code.
  • GraphQL generator: Tool for generating GraphQL types and queries.
  • TypeScript and JavaScript flavors: Support for both TypeScript and JavaScript code.
  • Minimal setup of components and routes: Get started quickly with pre-configured components and routes.

Summary

Hydrogen + GSAP in Oxygen is a powerful combination of Shopify's headless commerce stack and the GSAP animation library. With Remix as the web framework, this template provides a minimal setup to quickly start building headless commerce websites. It includes essential tools like TypeScript, GraphQL generator, Shopify CLI, eslint, and prettier to ensure efficient development. Follow the installation guide to set up your Hydrogen + GSAP in Oxygen project and begin creating stunning and interactive commerce experiences.