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.