{"id":23726579,"url":"https://github.com/codenkoffee/uplift-ui","last_synced_at":"2025-09-02T12:43:55.601Z","repository":{"id":261329706,"uuid":"865849749","full_name":"CodeNKoffee/uplift-ui","owner":"CodeNKoffee","description":null,"archived":false,"fork":false,"pushed_at":"2024-11-05T23:56:11.000Z","size":507,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-30T20:13:46.561Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/CodeNKoffee.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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}},"created_at":"2024-10-01T08:38:28.000Z","updated_at":"2024-11-05T23:56:14.000Z","dependencies_parsed_at":"2024-11-06T00:34:40.800Z","dependency_job_id":null,"html_url":"https://github.com/CodeNKoffee/uplift-ui","commit_stats":null,"previous_names":["codenkoffee/uplift-ui"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/CodeNKoffee/uplift-ui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeNKoffee%2Fuplift-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeNKoffee%2Fuplift-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeNKoffee%2Fuplift-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeNKoffee%2Fuplift-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CodeNKoffee","download_url":"https://codeload.github.com/CodeNKoffee/uplift-ui/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeNKoffee%2Fuplift-ui/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273287470,"owners_count":25078569,"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","status":"online","status_checked_at":"2025-09-02T02:00:09.530Z","response_time":77,"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":[],"created_at":"2024-12-31T00:32:17.692Z","updated_at":"2025-09-02T12:43:55.502Z","avatar_url":"https://github.com/CodeNKoffee.png","language":"TypeScript","funding_links":["https://paypal.me/h4temsoliman?country.x=EG\u0026locale.x=en_US"],"categories":[],"sub_categories":[],"readme":"# AnajUI\n\n[![GitHub Badge](https://img.shields.io/badge/GitHub-100000?style=for-the-badge\u0026logo=github\u0026logoColor=white)](https://github.com/CodeNKoffee)\n[![LinkedIn Badge](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white)](https://linkedin.com/in/h4temsoliman)\n[![Twitter Badge](https://img.shields.io/badge/Twitter-1DA1F2?style=for-the-badge\u0026logo=twitter\u0026logoColor=white)](https://twitter.com/h4temsoliman)\n[![Website Badge](https://img.shields.io/badge/website-000000?style=for-the-badge\u0026logo=About.me\u0026logoColor=white)](https://hatemsoliman.dev)\n\n## Introduction\n\n**AnajUI** is a React component library offering customizable elements for landing pages, such as Hero sections, Features, and Footers. It empowers developers to build responsive, modern designs effortlessly, while maintaining flexibility and brand uniqueness.\n\n## Supported React.js\n\nThis package supports React.js `18.2.0` and above.\n\n## Installation\n\nTo install anaj-ui, simply run:\n\n```bash\nnpm install anaj-ui\n```\n\nOr with Yarn:\n\n```bash\nyarn add anaj-ui\n```\n\n## Usage\n\n### Navigation\n\nTo use the `Navigation` component from AnajUI, first import it into your React project:\n\n```tsx\nimport { Navigation } from 'anaj-ui';\n```\n\nThen, you can use it in your component like so:\n\n```tsx\nconst App = () =\u003e {\n  const navLinks = [\n    { name: \"Home\", href: \"/\", isSpecial: false },\n    { name: \"About\", href: \"/about\", isSpecial: false },\n    { name: \"Services\", href: \"/services\", isSpecial: true, specialColor: \"blue-500\" },\n    { name: \"Contact\", href: \"/contact\", isSpecial: false },\n  ];\n\n  const logo = {\n    src: \"/path/to/logo.png\",\n    alt: \"Logo Alt Text\",\n  };\n\n  return (\n    \u003cdiv\u003e\n      \u003cNavigation\n        navLinks={navLinks}\n        logo={logo}\n        logoSize=\"w-20 h-20\" // Optional: Adjust logo size\n        defaultColor=\"text-gray-800\"\n        hoverColor=\"text-blue-500\"\n      /\u003e\n      {/* Other components */}\n    \u003c/div\u003e\n  );\n};\n```\n\n---\n\n### Footer\n\nTo use the `Footer` component from AnajUI, first import it into your React project:\n\n```tsx\nimport { Footer } from 'anaj-ui';\n```\n\nThen, you can use it in your component like so:\n\n```tsx\nimport React from 'react';\nimport { Footer } from 'anaj-ui';\n\nconst App = () =\u003e {\n  const footerLinks = [\n    {\n      title: \"Docs\",\n      links: [\n        { \n          name: \"Develop\", \n          href: \"/docs\", \n        },\n      ],\n    },\n    {\n      title: \"Community\",\n      links: [\n        { \n          name: \"Feedback\", \n          href: \"mailto:packshipcli@gmail.com\", \n        },\n        { \n          name: \"LinkedIn\", \n          href: \"https://linkedin.com/in/h4temsoliman\", \n        },\n        { \n          name: \"GitHub\", \n          href: \"https://github.com/codenkoffee\", \n        },\n        { \n          name: \"X\", \n          href: \"https://x.com/h4temsoliman\", \n        },\n        { \n          name: \"Portfolio\", \n          href: \"https://hatemsoliman.dev\", \n        },\n      ],\n    },\n    {\n      title: \"More\",\n      links: [\n        { \n          name: \"Purchase\", \n          href: \"#start-packshipping\",\n        },\n        { \n          name: \"Contact\", \n          href: \"mailto:packshipcli@gmail.com\",\n        },\n        { \n          name: \"Fund Me\", \n          href: \"https://paypal.me/h4temsoliman?country.x=EG\u0026locale.x=en_US\",\n        },\n      ],\n    },\n  ];\n\n  return (\n    \u003cdiv\u003e\n      \u003cFooter\n        footerLinks={footerLinks}\n        brandName=\"AnajUI\"\n        defaultColor=\"text-blue-500\"\n        footerLogo=\"/path/to/logo.png\"\n      /\u003e\n    \u003c/div\u003e\n  );\n};\n\nexport default App;\n```\n\nThis example demonstrates how to integrate the `Footer` component from AnajUI into your application, providing a customizable footer for your website.\n\n## Features\n\n- Light and dark themes\n- Versatile and customizable components\n- Support for different types of content\n\n## Contributing\n\nContributions are welcome! Please open an issue or submit a pull request to contribute to the AnajUI project.\n\n## License\n\nThis project is licensed under the GPL-3.0 license.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodenkoffee%2Fuplift-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodenkoffee%2Fuplift-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodenkoffee%2Fuplift-ui/lists"}