Skip to content

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

Open
Pranav-IIITM wants to merge 1 commit into
magic-peach:mainfrom
Pranav-IIITM:feat/github-star-hover-animation
Open

feat: add hover animation to Star on GitHub button#810
Pranav-IIITM wants to merge 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!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

gssoc'26 GirlScript Summer of Code 2026 level:beginner Beginner level - 20 pts 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

1 participant