aayu203-blip

QUIRKY Knot - Animation Comparison

This page has been deployed to your website at:

https://partstrading.com/quirky-knot/

Features

• Two animation styles:
  • Single-letter reveal: Letters stop one at a time sequentially
  • Continuous stop reveal: All letters spin, then stop one-by-one
• Adjustable animation speed slider
• Reduced motion support for accessibility
• Built with React, Framer Motion, and Tailwind CSS (all via CDN)

How It Works

The page uses:

• React 18 (via CDN)
• Framer Motion 11 (via CDN)
• Tailwind CSS (via CDN)
• Babel Standalone (for JSX transformation)

All dependencies are loaded from CDN, so no build step is required.

Deployment

The page is already deployed in your GitHub Pages repository at:

• File location: aayu203-blip.github.io/quirky-knot/index.html
• Live URL: https://partstrading.com/quirky-knot/

Updates

To update the page, simply edit the index.html file and push to your GitHub repository. GitHub Pages will automatically deploy the changes.