{"id":15420060,"url":"https://github.com/ianeli1/control-panel-kit","last_synced_at":"2025-07-06T03:38:53.080Z","repository":{"id":124308461,"uuid":"357793489","full_name":"ianeli1/control-panel-kit","owner":"ianeli1","description":"React lib for creating control panels without any of React's innuendos","archived":false,"fork":false,"pushed_at":"2021-04-23T04:40:34.000Z","size":188,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-02T01:27:19.072Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ianeli1.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-04-14T06:08:51.000Z","updated_at":"2021-04-23T04:40:36.000Z","dependencies_parsed_at":null,"dependency_job_id":"9cd45bef-1017-49c6-b890-f7a8c7a1db5a","html_url":"https://github.com/ianeli1/control-panel-kit","commit_stats":{"total_commits":2,"total_committers":1,"mean_commits":2.0,"dds":0.0,"last_synced_commit":"815b3a9ec3368e66fff09389a4f52f9a7567af03"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ianeli1%2Fcontrol-panel-kit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ianeli1%2Fcontrol-panel-kit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ianeli1%2Fcontrol-panel-kit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ianeli1%2Fcontrol-panel-kit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ianeli1","download_url":"https://codeload.github.com/ianeli1/control-panel-kit/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240072064,"owners_count":19743527,"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":[],"created_at":"2024-10-01T17:28:05.718Z","updated_at":"2025-02-21T18:44:51.712Z","avatar_url":"https://github.com/ianeli1.png","language":"TypeScript","readme":"# control-panel-kit\n\nLet's you create a control panel very easily and without any complex React innuendos\n\n### What you need\n\nThis library and the code the control panel is for!\n\n### How do I use it\n\nYou'll need to import the library's main object, `ControlPanel`. It's a standard React object.\n\n```ts\nimport { ControlPanel, PageArgs } from \"control-panel-kit\";\n\nconst pages: PageArgs[] = [\n  {\n    title: \"Name Of The Section\",\n    icon: \u003cStandardIconFromMaterialUI /\u003e,\n    elements: [\n      {\n        type: \"integer\", //optional, depends on what you're doing\n        name: \"Some Number\",\n        get() {\n          //code time!\n        },\n        set(x: number) {\n          //some more code\n          return 69; //don't forget to return the new value\n        },\n        //both get and set can be async\n      },\n    ],\n  },\n];\n\nfunction YourSite() {\n  return (\n    \u003cYourSiteContainer\u003e\n      \u003cControlPanel name=\"NameOfTheCP\" /\u003e\n    \u003c/YourSiteContainer\u003e\n  );\n}\n```\n\n### How does it look?\n\n![screenshot](https://cdn.discordapp.com/attachments/790307229336469544/835011898130300948/Screenshot_from_2021-04-22_22-38-14.png)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fianeli1%2Fcontrol-panel-kit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fianeli1%2Fcontrol-panel-kit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fianeli1%2Fcontrol-panel-kit/lists"}