{"id":16838972,"url":"https://github.com/akki-jat/one-for-all-ui","last_synced_at":"2025-03-22T05:30:50.141Z","repository":{"id":37038618,"uuid":"241429370","full_name":"akki-jat/one-for-all-ui","owner":"akki-jat","description":"Design Library for JavaScript","archived":false,"fork":false,"pushed_at":"2023-07-19T05:07:56.000Z","size":3834,"stargazers_count":2,"open_issues_count":10,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-10-29T15:29:12.060Z","etag":null,"topics":["angular","design-library","javascript","one-for-all","react","stencil","stenciljs","ui","ui-components","vue","vuejs"],"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/akki-jat.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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},"funding":{"github":"akki-jat","custom":"https://paypal.me/akkijat"}},"created_at":"2020-02-18T17:53:41.000Z","updated_at":"2023-01-31T17:55:17.000Z","dependencies_parsed_at":"2024-10-06T20:46:44.629Z","dependency_job_id":"d0903fb7-735f-4ac9-9fd3-25064e471800","html_url":"https://github.com/akki-jat/one-for-all-ui","commit_stats":{"total_commits":409,"total_committers":4,"mean_commits":102.25,"dds":0.5721271393643033,"last_synced_commit":"5981c7bfb408cbb12a69f23de17847ded3f0281d"},"previous_names":["akki-jat/one-for-all"],"tags_count":28,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akki-jat%2Fone-for-all-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akki-jat%2Fone-for-all-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akki-jat%2Fone-for-all-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akki-jat%2Fone-for-all-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/akki-jat","download_url":"https://codeload.github.com/akki-jat/one-for-all-ui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244912800,"owners_count":20530764,"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":["angular","design-library","javascript","one-for-all","react","stencil","stenciljs","ui","ui-components","vue","vuejs"],"created_at":"2024-10-13T12:27:57.252Z","updated_at":"2025-03-22T05:30:47.844Z","avatar_url":"https://github.com/akki-jat.png","language":"TypeScript","funding_links":["https://github.com/sponsors/akki-jat","https://paypal.me/akkijat"],"categories":[],"sub_categories":[],"readme":"# One For All UI\n\n### 🎉 React Binding Is Here\n\n## Note\n- NPM project is moved from \u003cb\u003eone-fro-all-ui\u003c/b\u003e to \u003cb\u003e@one-for-all-ui/core\u003c/b\u003e.\n- Bindings for angular and vue are coming soon for easy use.\n\n## Installation\n#### NPM\n- React (For more info look at examples)\n    ```bash\n    npm i @one-for-all-ui/react --save\n    ```\n- Other\n    ```bash\n    npm i @one-for-all-ui/core --save\n    ```\n\n#### JavaScript\n```javascript\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/@one-for-all-ui/core/dist/one-for-all-ui/one-for-all-ui.js\"\u003e\u003c/script\u003e\n\u003clink rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@one-for-all-ui/core/dist/one-for-all-ui/one-for-all-ui.css\"\u003e\n```\n\n#### Themeing\n- Below css variables are provided for theming of all components\n```css\n--color-primary: your_color;\n--color-secondary: your_color;\n--color-font: your_color;\n```\n\nNote: Replace your_color with your choice of color.\n\n\u003cbr /\u003e\n\n## Example\n#### Dark Shadow (Modal)\n- JavaScript \\- [Example Link](https://codesandbox.io/s/javascript-one-for-all-ui-darkshadow-modal-zkjmi)\n- React \\- [Example Link](https://codesandbox.io/s/react-one-for-all-ui-darkshadow-modal-r9lxx)\n\n#### Special Card (Card)\n- JavaScript \\- [Example Link](https://codesandbox.io/s/javascript-one-for-all-ui-specialcard-card-insx1)\n- React \\- [Example Link](https://codesandbox.io/s/react-one-for-all-ui-specialcard-card-db04u)\n\n#### Zero Gravity Button (Floating Action Button)\n- JavaScript \\- [Example Link](https://codesandbox.io/s/javascript-one-for-all-ui-zerogravitybutton-fab-8psx0)\n- React \\- [Example Link](https://codesandbox.io/s/react-one-for-all-ui-zerogravitybutton-fab-335lc)\n\n- Note: If you want to show button respective to any element then set position to relative for that element.\n\n#### Quirk Boomerang (Carousel)\n- JavaScript \\- [Example Link](https://codesandbox.io/s/javascript-one-for-all-ui-quirkboomerang-carousel-u8edv)\n- React \\- [Example Link](https://codesandbox.io/s/react-one-for-all-ui-quirkboomerang-carousel-7ypq3)\n\n\u003cbr /\u003e\n\n## For Development\n\nTo start locally, run:\n\n```bash\nnpm install\nnpm start\n```\n\nTo build the component for production, run:\n\n```bash\nnpm run build\n```\n\nTo run the unit tests for the components, run:\n\n```bash\nnpm test\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fakki-jat%2Fone-for-all-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fakki-jat%2Fone-for-all-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fakki-jat%2Fone-for-all-ui/lists"}