HXQLabs/helixque-landing

[Enhancement]: Add Dynamic Background Animations to Hacktoberfest Page

Open

#122 opened on Oct 12, 2025

 (3 comments) (0 reactions) (1 assignee)TypeScript (35 forks)auto 404
enhancementhacktoberfest

Repository metrics

Stars
 (77 stars)
PR merge metrics
 (PR metrics pending)

Description

Describe the enhancement

Add visually engaging background animations to the Hacktoberfest landing page to make it more festive and immersive. Proposed ideas include:

  • Falling pumpkins 🎃 / leaves 🍂 / confetti 🎉 animations using lightweight canvas or CSS particles.
  • Gradient glow and pulse effects that sync subtly with the countdown timer.
  • Hover-based light trails or spark animations when users move the mouse.
  • Use Framer Motion or Three.js (optional for 3D depth) while keeping performance optimized.
  • Ensure animations pause or reduce intensity for users with prefers-reduced-motion enabled.

Current vs. improved behavior

  • Current: Static background with a clean design — clear but visually minimal.

  • Improved: Adds motion, energy, and celebration to the Hacktoberfest section, aligning with the festival vibe.

    • Enhances user engagement.
    • Adds “wow factor” for visitors during Hacktoberfest.
    • Keeps animations smooth and non-intrusive (<60 FPS stable).

Additional context

Screenshots


Prerequisite Checklist


✅ Issues will be assigned once all checklist prerequisites are verified.

[!IMPORTANT] 🛑 Contribution Guidelines — Please Read Before Proceeding

  • Any PR raised for an unassigned issue (even if the issue number is mentioned in the PR) will not be merged and will be closed automatically.
  • If your issue is valid but not yet assigned, please ping the Project Maintainers in the [Discord Channel](https://discord.com/invite/dQUh6SY9Uk) to get it assigned before starting work or submitting a PR.
  • Only Code Owners or Project Maintainers have the authority to verify, approve, and assign issues.
  • Do not self-assign issues — any self-assigned issue will be reviewed, and the final decision will rest with the Code Owners.

Thank you for helping shape HelixQue’s future this Hacktoberfest 🙌

Contributor guide