{"id":18928796,"url":"https://github.com/samsze0/ui","last_synced_at":"2026-04-07T09:32:22.650Z","repository":{"id":198196930,"uuid":"690123242","full_name":"samsze0/ui","owner":"samsze0","description":"A Next13 compatible React UI component library","archived":false,"fork":false,"pushed_at":"2024-01-24T01:03:09.000Z","size":261,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-25T01:43:54.539Z","etag":null,"topics":["framer-motion","nextjs13","radix-ui","react","shadcn-ui","supabase","tailwindcss"],"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/samsze0.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-09-11T15:16:49.000Z","updated_at":"2023-12-07T01:43:54.000Z","dependencies_parsed_at":"2023-10-19T06:30:18.650Z","dependency_job_id":"0d60f275-b923-40d3-8514-a3a2a273eb85","html_url":"https://github.com/samsze0/ui","commit_stats":null,"previous_names":["artizon-io/ui","samsze0/ui"],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/samsze0/ui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samsze0%2Fui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samsze0%2Fui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samsze0%2Fui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samsze0%2Fui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/samsze0","download_url":"https://codeload.github.com/samsze0/ui/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samsze0%2Fui/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31508053,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-07T03:10:19.677Z","status":"ssl_error","status_checked_at":"2026-04-07T03:10:13.982Z","response_time":105,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["framer-motion","nextjs13","radix-ui","react","shadcn-ui","supabase","tailwindcss"],"created_at":"2024-11-08T11:27:48.501Z","updated_at":"2026-04-07T09:32:22.632Z","avatar_url":"https://github.com/samsze0.png","language":"TypeScript","readme":"# UI\n\nA React UI component library compatible with Next13.\n\nMany of my own projects are developed with this UI library. Components in this library are heavily scoped to those specific projects and hence are not suitable for general use.\n\nCredits to shadcn/ui for the initial inspiration.\n\n**Dependencies**\n\n- Tailwind (required)\n- Zustand (required)\n- RadixUI (required)\n- NextJS 13\n- Supabase\n- Tanstack query\n- Tanstack table\n- Framer motion\n- `i18next` \u0026 `react-i18next` (not using `next-i18next` or NextJS's built-in i18n features)\n- React-hook-form (required for forms)\n\nSee `package.json` for exhaustive list of required/optional peer dependencies\n\n## Usage\n\n1. Setup Git submodules e.g. `git submodule add https://github.com/\u003cuser\u003e/\u003crepo\u003e \u003cdest-dir\u003e`\n\n**For NextJS**\n\nAdd configurations as follows:\n\n```js\n/** @type {import('next').NextConfig} */\nmodule.exports = {\n  experimental: {\n    serverActions: true,\n  },\n  webpack: (config) =\u003e {\n    config.resolve.symlinks = false;\n    return config;\n  },\n  typescript: {\n    ignoreBuildErrors: true,\n  },\n};\n```\n\nAdd path aliases to `tsconfig.json` as follows:\n\n```json\n{\n  \"paths\": {\n    \"@@/*\": [\"\u003cpath-to-ui\u003e/src/*\"]\n  }\n}\n```\n\n**For Tailwind (required)**\n\nCopy example configuration from [samsze1/ui-demo](https://github.com/samsze1/ui-demo)\n\n**In `package.json`**\n\n```json\n{\n  \"scripts\": {\n    \"build\": \"pnpm submodule \u0026\u0026 next build\",\n    \"submodule\": \"git submodule update --init --recursive --remote\"\n  }\n}\n```\n\n**For other package bundlers**\n\nSetup path resolvers similar to the `tsconfig` above.\n\n**Change UI lib version**\n\n1. `cd` into submodule\n2. `git checkout \u003cref\u003e`\n3. Stage/commit the submodule reference\n\n**Not working?**\n\nSee example project in [samsze1/ui-demo](https://github.com/samsze1/ui-demo)\n\n## Why distribution by source?\n\n**Advantages**\n\n- Unified build pipeline\n- Minus the headaches of dependency management (peer dependencies, optional dependencies)\n\n**Disadvantages**\n\n- More complex to deploy (e.g. for edge)\n\n## Development Setup\n\nThis step is optional. Developing within the submodule rather can make things simpler for multi projects setup.\n\n1. Clone the UI lib to local\n2. Replace the submodule with a symbolic link to that repo. ⚠️ Don't stage/commit the symbolic link\n\n**If you accidentally stage/commit the symlink**\n\n1. Remove `.git/modules/\u003cxxx\u003e`\n2. Remove entry from `.git/config`\n\nStill doesn't work?\n\n- Try `git rm --cache -r \u003cxxx\u003e`\n- As the last resort, do `git reset --hard`\n\n## License\n\nMIT\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsamsze0%2Fui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsamsze0%2Fui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsamsze0%2Fui/lists"}