{"id":13429294,"url":"https://github.com/stacksjs/command-palette","last_synced_at":"2025-04-24T17:31:49.288Z","repository":{"id":60356810,"uuid":"542208034","full_name":"stacksjs/command-palette","owner":"stacksjs","description":"⌘-k, or anything — Create beautiful, performant command palettes for your application.","archived":true,"fork":false,"pushed_at":"2025-01-01T08:52:09.000Z","size":1275,"stargazers_count":2,"open_issues_count":12,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-19T21:56:56.405Z","etag":null,"topics":["component-library","composables","headless","typescript","unocss","vite","vue","web-components"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/stacksjs.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":".github/CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":".github/CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":".github/SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2022-09-27T17:27:01.000Z","updated_at":"2025-01-01T23:10:58.000Z","dependencies_parsed_at":"2024-09-17T08:12:20.593Z","dependency_job_id":"64cf008b-8a32-4c78-98ec-5caf0ee9eb65","html_url":"https://github.com/stacksjs/command-palette","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stacksjs%2Fcommand-palette","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stacksjs%2Fcommand-palette/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stacksjs%2Fcommand-palette/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stacksjs%2Fcommand-palette/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/stacksjs","download_url":"https://codeload.github.com/stacksjs/command-palette/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250574915,"owners_count":21452647,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["component-library","composables","headless","typescript","unocss","vite","vue","web-components"],"created_at":"2024-07-31T02:00:33.388Z","updated_at":"2025-04-24T17:31:49.246Z","avatar_url":"https://github.com/stacksjs.png","language":"TypeScript","funding_links":[],"categories":["Official Stacks"],"sub_categories":["Courses"],"readme":"# Project Status: Abandoned\n\n**This project is no longer maintained.**\n\nThe source code has been moved to a new location and is now part of the Stacks UI components. You can find the updated project [here](https://github.com/stacksjs/stacks/tree/main/storage/framework/core/components/command-palette).\n\n---\n\n\u003cp align=\"center\"\u003e\u003cimg src=\".github/art/social.png\" alt=\"Social Card of Stacks\"\u003e\u003c/p\u003e\n\n[![npm version][npm-version-src]][npm-version-href]\n[![GitHub Actions][github-actions-src]][github-actions-href]\n[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)\n\u003c!-- [![npm downloads][npm-downloads-src]][npm-downloads-href] --\u003e\n\u003c!-- [![Codecov][codecov-src]][codecov-href] --\u003e\n\n# Command Palettes\n\nCommand Palettes, similar to kbar, are often used within applications. This library is to help create a custom \u0026 performant command palette for your application. Useful functions \u0026 headless components included.\n\n🤖 **Zero-config, by design** \u003cbr\u003e\n🎨 **Built-in animations** \u003cbr\u003e\n🧙🏼‍♀️ **Fully customizable components** \u003cbr\u003e\n✨ **Highly performant** \u003cbr\u003e\n\n\u003e _The simple way to to use \u0026 design `⌘-k` command palettes._\n\n## Get Started\n\nIt's incredibly easy to get started with this Command Palette stack. Simply install either of the following packages, dependent on whether you want to use framework agnostic Web Components or Vue components.\n\n```bash\nnpm install @stacksjs/command-palette-elements\nnpm install @stacksjs/command-palette-vue\n```\n\n## 🤖 Usage\n\n\u003cdetails\u003e\n\u003csummary\u003eWeb Component usage\u003c/summary\u003e\n\n```html\n\u003chtml\u003e\n  \u003cbody\u003e\n    \u003ccommand-palette\u003e\u003c/command-palette\u003e\n    \u003cscript src=\"command-palette.js\"\u003e\u003c/script\u003e\n  \u003c/body\u003e\n\u003c/html\u003e\n```\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eVue 2 \u0026 3 usage\u003c/summary\u003e\n\n```vue\n\u003cscript setup lang=\"ts\"\u003e\nimport CommandPalette from '@stacksjs/command-palette-vue'\n\u003c/script\u003e\n\n\u003ctemplate\u003e\n  \u003cCommandPalette /\u003e\n\u003c/template\u003e\n```\n\u003c/details\u003e\n\nYou're developing your own command palette components and simply want to reuse the functions/composables?\n\n\u003cdetails\u003e\n\u003csummary\u003eFunctions usage\u003c/summary\u003e\n\n```bash\nnpm install command-palette-fx\n```\n\nAfter you installed the command-palette library, you can then make of functions in the following way:\n\n```ts\nimport { isDark, toggleDark } from 'command-palette-fx'\n\nconsole.log('is dark mode?', isDark)\n```\n\n\u003c/details\u003e\n\n## 🧪 Testing\n\n```bash\npnpm test\n```\n\n## 📈 Changelog\n\nPlease see our [releases](https://github.com/ow3org/command-palette/releases) page for more information on what has changed recently.\n\n## 💪🏼 Contributing\n\nPlease see [CONTRIBUTING](.github/CONTRIBUTING.md) for details.\n\n## 🏝 Community\n\nFor help, discussion about best practices, or any other conversation that would benefit from being searchable:\n\n[Discussions on GitHub](https://github.com/ow3org/command-palette/discussions)\n\nFor casual chit-chat with others using this package:\n\n[Join the Open Web Discord Server](https://discord.ow3.org)\n\n## 📄 License\n\nThe MIT License (MIT). Please see [LICENSE](LICENSE.md) for more information.\n\nMade with ❤️\n\n\u003c!-- Badges --\u003e\n[npm-version-src]: https://img.shields.io/npm/v/@stacksjs/command-palette-vue?style=flat-square\n[npm-version-href]: https://npmjs.com/package/@stacksjs/command-palette-vue\n\n\u003c!-- [npm-downloads-src]: https://img.shields.io/npm/dm/@stacksjs/command-palette-vue?style=flat-square\n[npm-downloads-href]: https://npmjs.com/package/@stacksjs/command-palette-vue --\u003e\n\n[github-actions-src]: https://img.shields.io/github/workflow/status/ow3org/command-palette/CI/main?style=flat-square\n[github-actions-href]: https://github.com/ow3org/command-palette/actions?query=workflow%3Aci\n\n\u003c!-- [codecov-src]: https://img.shields.io/codecov/c/gh/ow3org/command-palette/main?style=flat-square\n[codecov-href]: https://codecov.io/gh/ow3org/command-palette --\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstacksjs%2Fcommand-palette","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstacksjs%2Fcommand-palette","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstacksjs%2Fcommand-palette/lists"}