{"id":13454618,"url":"https://github.com/neplextech/edge-ui","last_synced_at":"2025-09-17T10:08:00.848Z","repository":{"id":154073246,"uuid":"603039532","full_name":"neplextech/edge-ui","owner":"neplextech","description":"Internal components library based on shadcn-ui","archived":true,"fork":false,"pushed_at":"2024-01-14T18:53:21.000Z","size":2840,"stargazers_count":14,"open_issues_count":0,"forks_count":4,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-09-04T22:59:49.594Z","etag":null,"topics":["component","library","react","tailwind","typescript","ui"],"latest_commit_sha":null,"homepage":"https://ui.neplextech.com","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/neplextech.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"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}},"created_at":"2023-02-17T13:49:24.000Z","updated_at":"2025-07-31T14:30:14.000Z","dependencies_parsed_at":"2024-01-14T20:23:45.884Z","dependency_job_id":null,"html_url":"https://github.com/neplextech/edge-ui","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/neplextech/edge-ui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neplextech%2Fedge-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neplextech%2Fedge-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neplextech%2Fedge-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neplextech%2Fedge-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/neplextech","download_url":"https://codeload.github.com/neplextech/edge-ui/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neplextech%2Fedge-ui/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":275575325,"owners_count":25489094,"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-17T02:00:09.119Z","response_time":84,"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":["component","library","react","tailwind","typescript","ui"],"created_at":"2024-07-31T08:00:55.963Z","updated_at":"2025-09-17T10:08:00.828Z","avatar_url":"https://github.com/neplextech.png","language":"TypeScript","funding_links":[],"categories":["TypeScript","Components \u0026 Libraries"],"sub_categories":[],"readme":"# EdgeUI\n\nUI component library for React based on [shadcn ui](https://ui.shadcn.com).\n\n\u003e **Note:** This library is built for our internal use case, however feel free to use it in your project if needed.\n\n# Installation\n\n```bash\n$ npm install @edge-ui/react\n```\n\n# Usage\n\nEdgeUI is RSC compatible. It comes with shadcn ui components with theme and layout components as well as some hooks. You can use it however you like.\n\n### Example\n\n1. EdgeUI exports typescript files without compiled javascript code. Therefore, you may need to tell your bundler to transpile `@edge-ui/react` package. Here is an example with next.js:\n\n    ```js\n    /** @type {import('next').NextConfig} */\n    const nextConfig = {\n        transpilePackages: ['@edge-ui/react']\n    };\n\n    module.exports = nextConfig;\n    ```\n\n2. You need to register edge-ui tailwindcss plugin in your tailwind config file.\n\n    ```ts\n    // tailwind.config.ts\n    import { Config } from 'tailwindcss';\n    import twedge from '@edge-ui/react/tailwind-plugin';\n\n    const config: Config = {\n        content: [\n            './src/**/*.{js,jsx,ts,tsx}',\n            // include edge-ui components in the content path\n            twedge.getContentPath()\n        ],\n        // register the plugin\n        plugins: [twedge()]\n    };\n\n    export default config;\n    ```\n\n3. You can then start using edge-ui components in your project. The `ThemeProvider` or `PageLayout` is not required to use the components.\n\n    ```jsx\n    // app/layout.jsx\n    import './globals.css';\n    import { PageLayout, ThemeProvider } from '@edge-ui/react';\n\n    export default function RootLayout(children) {\n        return (\n            \u003chtml lang=\"en\" suppressHydrationWarning\u003e\n                \u003cbody\u003e\n                    \u003cThemeProvider\n                        attribute=\"class\"\n                        defaultTheme=\"system\"\n                        enableSystem={false}\n                        disableTransitionOnChange\n                    \u003e\n                        \u003cPageLayout\u003e{children}\u003c/PageLayout\u003e\n                    \u003c/ThemeProvider\u003e\n                \u003c/body\u003e\n            \u003c/html\u003e\n        );\n    }\n    ```\n\n# Website\n\n[https://ui.neplextech.com](https://ui.neplextech.com)\n\n# GitHub\n\n[https://github.com/neplextech/edge-ui](https://github.com/neplextech/edge-ui)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fneplextech%2Fedge-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fneplextech%2Fedge-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fneplextech%2Fedge-ui/lists"}