Skip to content

feat: add Command Palette Search Modal Component (#1160)#1245

Merged
SAPTARSHI-coder merged 1 commit into
SAPTARSHI-coder:mainfrom
Pcmhacker-piro:feat/command-palette-1160
Jun 4, 2026
Merged

feat: add Command Palette Search Modal Component (#1160)#1245
SAPTARSHI-coder merged 1 commit into
SAPTARSHI-coder:mainfrom
Pcmhacker-piro:feat/command-palette-1160

Conversation

@Pcmhacker-piro
Copy link
Copy Markdown

@Pcmhacker-piro Pcmhacker-piro commented Jun 4, 2026

Description

Adds a keyboard-inspired command palette modal with backdrop blur overlay, search input, grouped command list, and keyboard shortcut badges. Includes scale-in entrance animation and staggered item reveals.

Classes

Class Description
ease-command-overlay Fixed backdrop overlay with blur
ease-command-palette Modal container with scale-in animation
ease-command-search Search bar with icon and ESC badge
ease-command-input Text input for filtering
ease-command-esc ESC keyboard hint badge
ease-command-list Scrollable command list
ease-command-group / -group-title Section group and header
ease-command-divider Visual divider
ease-command-item / -icon / -label / -spacer Command item with staggered reveal
ease-command-kbd Keyboard shortcut badge

Closes #1160

feat: add Command Palette Search Modal Component (SAPTARSHI-coder#1160)
a7d0da8 
Add keyboard-inspired command palette modal with backdrop overlay,
search input, grouped command list with keyboard shortcut badges,
and smooth scale-in entrance animation.

Closes SAPTARSHI-coder#1160
@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Jun 4, 2026

✅ Submission Validation Passed!

Great job! All required files are present.

📁 Folder: submissions/examples/command-palette-modal

Files found:

  • ✅ demo.html
  • ✅ style.css
  • ✅ README.md

🚀 Next Steps:

  • The maintainer will review your PR
  • Respond to any feedback if requested
  • Once approved, your contribution will be merged!

Thank you for contributing to EaseMotion CSS! 🎉

@Pcmhacker-piro
Copy link
Copy Markdown
Author

Pcmhacker-piro commented Jun 4, 2026

heyy @SAPTARSHI-coder
i fixed the assigned issue so pls check this

@SAPTARSHI-coder SAPTARSHI-coder added accepted Contribution approved for integration into EaseMotion CSS animation Animation effects, hover interactions, motion ideas, transitions component New UI components (buttons, cards, modals, tooltips, badges) enhancement New feature or request good first issue Good for newcomers GSSoC-26 Official GSSoC 2026 issue gssoc:approved Approved for GSSoC contributions integrated Successfully merged and included in the framework level:intermediate Requires moderate project understanding type:feature New functionality or enhancement labels Jun 4, 2026
@SAPTARSHI-coder SAPTARSHI-coder merged commit f0399dd into SAPTARSHI-coder:main Jun 4, 2026
6 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@SAPTARSHI-coder SAPTARSHI-coder Awaiting requested review from SAPTARSHI-coder SAPTARSHI-coder is a code owner

Assignees

@Pcmhacker-piro Pcmhacker-piro

@SAPTARSHI-coder SAPTARSHI-coder

Labels

accepted Contribution approved for integration into EaseMotion CSS animation Animation effects, hover interactions, motion ideas, transitions component New UI components (buttons, cards, modals, tooltips, badges) contribution enhancement New feature or request good first issue Good for newcomers gssoc:approved Approved for GSSoC contributions GSSoC-26 Official GSSoC 2026 issue integrated Successfully merged and included in the framework level:intermediate Requires moderate project understanding type:feature New functionality or enhancement

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

[FEATURE] Add Command Palette Search Modal

2 participants

@Pcmhacker-piro @SAPTARSHI-coder