Skip to content

feat: add hover animation to Star on GitHub button#810

Merged
magic-peach merged 1 commit into
magic-peach:mainfrom
Pranav-IIITM:feat/github-star-hover-animation
May 21, 2026
Merged

feat: add hover animation to Star on GitHub button#810
magic-peach merged 1 commit into
magic-peach:mainfrom
Pranav-IIITM:feat/github-star-hover-animation

Conversation

@Pranav-IIITM
Copy link
Copy Markdown
Contributor

Description

Added a subtle hover animation to the "Star on GitHub" button in the top-right navbar.
The button now scales up slightly, shows a soft glow, and transitions to a light background
on hover — improving interactivity and visual polish without disrupting the existing dark theme.

Related Issue

Closes #808

Type of Contribution

  • Bug fix
  • New feature
  • Documentation update
  • GSSoC contribution

Participant Info

Screen Recording

Run bun run dev → open http://localhost:3000 → hover over the "Star on GitHub" button
in the top-right corner to demonstrate the animation.

Star-on-Github-hover_animations.1.mp4

Checklist

  • I have read the contribution guidelines
  • My changes follow the project structure
  • I have tested my changes in Chrome, Firefox, and Safari
  • bun run lint passes (no ESLint errors)
  • bunx tsc --noEmit passes (no TypeScript errors)
  • New interactive elements have aria-label / accessible names
  • No console.log statements left in
  • This PR is related to a valid issue
  • Screen recording attached above (required for UI/feature/design changes)

@vercel
Copy link
Copy Markdown

vercel Bot commented May 20, 2026

@Pranav-IIITM is attempting to deploy a commit to the magic-peach1's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions github-actions Bot added level:beginner Beginner level - 20 pts type:bug Bug fix type:design UI/UX design type:docs Documentation type:feature New feature labels May 20, 2026
@github-actions
Copy link
Copy Markdown
Contributor

👋 Thanks for your PR, @Pranav-IIITM!

Welcome to Reframe — a browser-based video editor built for everyone 🎬

🟠 GSSoC'26 PR detected — thanks for contributing under GirlScript Summer of Code 2026!

What happens next

  1. 🤖 Automated checks — build & TypeScript typecheck will run automatically
  2. Vercel preview — a preview deployment will be created (requires maintainer authorization for fork PRs)
  3. 👀 Code review — a maintainer will review your changes
  4. 🚀 Merge — once approved, your PR will be merged!

Quick checklist

  • PR title follows Conventional Commits (e.g. feat: add dark mode)
  • Linked the issue this PR closes (e.g. Closes #123)
  • Tested the changes locally (bun run dev)
  • Build passes (bun run build)

Useful links

Happy coding! 🎉

@github-actions github-actions Bot added the gssoc'26 GirlScript Summer of Code 2026 label May 20, 2026
@github-actions
Copy link
Copy Markdown
Contributor

✅ PR Format Check Passed — @Pranav-IIITM

Basic format checks passed. A maintainer will review your code changes.

This does not mean the PR is approved — it just means the format is correct.

@Pranav-IIITM
Copy link
Copy Markdown
Contributor Author

Hi @magic-peach ,

Kindly review this PR when you get a chance. I’ve added a subtle hover animation to the “Star on GitHub” button to improve the navbar interactivity while keeping the existing dark theme consistent.

All lint and type checks are passing successfully, and a screen recording has been attached for reference.

Looking forward to your feedback. Thanks!

@magic-peach magic-peach added quality:clean Well-implemented, clean code gssoc:approved Approved for GSSoC'26 labels May 21, 2026
@magic-peach magic-peach merged commit 90bdef2 into magic-peach:main May 21, 2026
8 of 11 checks passed
Ayush-kathil pushed a commit to Ayush-kathil/reframe that referenced this pull request May 21, 2026
…#810)

Adds a subtle hover scale + glow effect to the Star on GitHub button in the header, improving interactivity feedback.
Pravallika21-nama pushed a commit to Pravallika21-nama/reframe that referenced this pull request May 22, 2026
…#810)

Adds a subtle hover scale + glow effect to the Star on GitHub button in the header, improving interactivity feedback.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

gssoc:approved Approved for GSSoC'26 gssoc'26 GirlScript Summer of Code 2026 level:beginner Beginner level - 20 pts quality:clean Well-implemented, clean code type:bug Bug fix type:design UI/UX design type:docs Documentation type:feature New feature

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[FEATURE] Add Hover Animation for “Star on GitHub” Button

2 participants