Implement Ctrl/Cmd + K Search Shortcut with Animated, Focused Overlay Input

[Maxzovert]

Important Points to Note

• I agree to adhere to the project's Code of Conduct.
• I have reviewed and understood the project's Contributing Guidelines.
• I have checked the existing issues and can confirm that this is not a duplicate.
• I have reviewed and understood the project's Issue Creation Guidelines.

Category

Feature Addition

Enhancement Description

✨ Feature – Search Shortcut & Smart Search Bar

🔍 Keyboard-Activated Search Bar
-Enable universal shortcut: Ctrl + K (Windows/Linux) or Cmd + K (macOS) to open the search bar.
-Automatically focus the input field when the shortcut is triggered.
-Animate the search input to expand when focused and shrink back when blurred or closed.

✅ Use Case
-This feature allows users to instantly access search using a global keyboard shortcut. It mirrors the behavior of productivity tools like Notion, Linear, and Slack, improving accessibility and speed, especially in information-heavy UIs.

🎯 Benefits
-Speed & Efficiency: Keyboard-first workflows reduce friction and enable power usage.
-Polished UX: The input expansion animation and modal layout create a modern, intuitive feel.
-Accessibility: Aligns with common shortcuts in modern productivity apps (Cmd + K / Ctrl + K).
-Scalability: Sets the foundation for future enhancements like command palettes, AI search, or quick actions.

Example Image for the enhancement

I would like to work on it. Please assgine this to me.

Screenshots or Logs

https://github.com/user-attachments/assets/68adf3a1-7fa2-4d3d-8985-767ab6f6d6b6

Priority

Up to 2 days

Open Source Program

GSSoC

Would you like to work on this issue?

Yes

[github-actions]

Thank you for creating this issue! We'll look into it as soon as possible. Your contributions are highly appreciated! 😊
For further communication, join our discord server https://discord.gg/tSqtvHUJzE.

[Avdhesh-Varshney]

Nice feature! Go ahead @Maxzovert 👍