{"id":16440623,"url":"https://github.com/cybernika/effect-dropdown-react","last_synced_at":"2026-03-02T08:02:36.730Z","repository":{"id":57219797,"uuid":"115916229","full_name":"CyberNika/effect-dropdown-react","owner":"CyberNika","description":"🍥 Simple effects of Dropdown for React.js.","archived":false,"fork":false,"pushed_at":"2018-04-22T10:00:38.000Z","size":3520,"stargazers_count":26,"open_issues_count":1,"forks_count":3,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-20T16:50:00.121Z","etag":null,"topics":["dropdown","react","react-components"],"latest_commit_sha":null,"homepage":"https://cybernika.github.io/effect-dropdown-react/","language":"JavaScript","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/CyberNika.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-01-01T11:55:38.000Z","updated_at":"2024-11-23T19:52:14.000Z","dependencies_parsed_at":"2022-08-29T00:11:47.205Z","dependency_job_id":null,"html_url":"https://github.com/CyberNika/effect-dropdown-react","commit_stats":null,"previous_names":["xbt1/effect-dropdown-react","cybernika/effect-dropdown-react"],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/CyberNika/effect-dropdown-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CyberNika%2Feffect-dropdown-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CyberNika%2Feffect-dropdown-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CyberNika%2Feffect-dropdown-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CyberNika%2Feffect-dropdown-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CyberNika","download_url":"https://codeload.github.com/CyberNika/effect-dropdown-react/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CyberNika%2Feffect-dropdown-react/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29995910,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-02T01:47:34.672Z","status":"online","status_checked_at":"2026-03-02T02:00:07.342Z","response_time":60,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["dropdown","react","react-components"],"created_at":"2024-10-11T09:12:35.842Z","updated_at":"2026-03-02T08:02:31.679Z","avatar_url":"https://github.com/CyberNika.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# effect-dropdown-react\n\n[![NPM version][badge-npm-version]][url-npm]\n[![Node version][badge-node-version]][url-npm]\n[![NPM download][badge-npm-download]][url-npm]\n![Dependencies][badge-dependencies]\n![License][badge-license]\n\n适用于 React 的优雅而炫酷的 Dropdown 组件。\n\n[![NPM][image-npm]][url-npm]\n\n**中文 | [English](./README_en.md)**\n\n## 安装\n\n```bash\n$ npm i -S effect-dropdown-react # yarn add effect-dropdown-react\n```\n\n## 概览\n\n![概览](./docs/images/gallery.gif)\n\n[访问在线示例](https://xbt1.github.io/effect-dropdown-react/)\n\n## 使用\n\n一个简单的例子\n\n`main.js`\n\n```javascript\n  import 'effect-dropdown-react/dist/index.css'\n```\n\n`App.jsx`\n\n```javascript\n  import { EffectDropdown, EffectDropdownItem } from 'effect-dropdown-react'\n\n  export default () =\u003e {\n    return (\n      \u003cEffectDropdown\n        effect=\"camber\"\n        activeColor=\"#4d8c9d\"\n        label=\"Select your platform\"\n      \u003e\n        \u003cEffectDropdownItem\u003eTwitter\u003c/EffectDropdownItem\u003e\n        \u003cEffectDropdownItem\u003eFacebook\u003c/EffectDropdownItem\u003e\n        \u003cEffectDropdownItem\u003eGoogle+\u003c/EffectDropdownItem\u003e\n        \u003cEffectDropdownItem\u003eGitHub\u003c/EffectDropdownItem\u003e\n      \u003c/EffectDropdown\u003e\n    )\n  }\n```\n\n详细使用方法见 [文档](./docs/usage.md) \u0026 [例子](./examples)\n\n## Vue\n\n[查看 Vue 版本](https://github.com/XBT1/effect-dropdown-vue)\n\n## 开发\n\n```bash\n$ npm install\n$ npm run dev\n```\n\n## 调试\n\n```bash\n$ npm run build:package\n$ npm link ./\n```\n\n`App.jsx`\n\n```javascript\n  import { EffectDropdown, EffectDropdownItem } from 'effect-dropdown-react'\n  import 'effect-dropdown-react/dist/index.css'\n```\n\n## 构建\n\n```bash\n$ npm run build:package # 构建 npm 包\n$ npm run build:example # 构建示例站点\n$ npm run build # build:package \u0026 build:example\n```\n\n## 更新日志\n\n详见 [releases][url-releases]\n\n\n[badge-npm-version]: https://img.shields.io/npm/v/effect-dropdown-react.svg\n[badge-node-version]: https://img.shields.io/node/v/effect-dropdown-react.svg\n[badge-npm-download]: https://img.shields.io/npm/dt/effect-dropdown-react.svg\n[badge-license]: https://img.shields.io/github/license/XBT1/effect-dropdown-react.svg\n[badge-dependencies]: https://img.shields.io/david/dev/XBT1/effect-dropdown-react.svg\n\n[url-npm]: https://npmjs.org/package/effect-dropdown-react\n[url-dependencies]: https://david-dm.org/vkbansal/effect-dropdown-react\n[url-releases]: https://github.com/XBT1/effect-dropdown-react/releases\n\n[image-npm]: https://nodei.co/npm/effect-dropdown-react.png\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcybernika%2Feffect-dropdown-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcybernika%2Feffect-dropdown-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcybernika%2Feffect-dropdown-react/lists"}