{"id":30653973,"url":"https://github.com/dedevsclub/vibes-ui","last_synced_at":"2025-08-31T08:09:59.650Z","repository":{"id":302333624,"uuid":"1012055372","full_name":"DeDevsClub/vibes-ui","owner":"DeDevsClub","description":"Registry UI for the vibes","archived":false,"fork":false,"pushed_at":"2025-07-01T19:31:59.000Z","size":1454,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-08-30T00:53:18.242Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://vibes-ui-gamma.vercel.app","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/DeDevsClub.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,"zenodo":null}},"created_at":"2025-07-01T18:33:29.000Z","updated_at":"2025-07-01T19:32:02.000Z","dependencies_parsed_at":"2025-07-01T20:43:43.495Z","dependency_job_id":null,"html_url":"https://github.com/DeDevsClub/vibes-ui","commit_stats":null,"previous_names":["dedevsclub/vibes-ui"],"tags_count":0,"template":false,"template_full_name":"BunsDev/ui-registry-starter","purl":"pkg:github/DeDevsClub/vibes-ui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DeDevsClub%2Fvibes-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DeDevsClub%2Fvibes-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DeDevsClub%2Fvibes-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DeDevsClub%2Fvibes-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DeDevsClub","download_url":"https://codeload.github.com/DeDevsClub/vibes-ui/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DeDevsClub%2Fvibes-ui/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272953955,"owners_count":25021136,"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-08-31T02:00:09.071Z","response_time":79,"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":"2025-08-31T08:09:58.930Z","updated_at":"2025-08-31T08:09:59.639Z","avatar_url":"https://github.com/DeDevsClub.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca href=\"https://ui.vibes.guide/\"\u003e\n  \u003ch1 align=\"center\"\u003eRegistry Starter\u003c/h1\u003e\n\u003c/a\u003e\n\n\u003cp align=\"center\"\u003e\n    Registry Starter is a free, open-source template built with Next.js and Shadcn/ui Registry to accelerate your AI-Native Design System.\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"#deploy-your-own\"\u003e\u003cstrong\u003eDeploy Your Own\u003c/strong\u003e\u003c/a\u003e ·\n  \u003ca href=\"#open-in-v0\"\u003e\u003cstrong\u003eOpen in v0\u003c/strong\u003e\u003c/a\u003e ·\n  \u003ca href=\"#theming\"\u003e\u003cstrong\u003eTheming\u003c/strong\u003e\u003c/a\u003e ·\n  \u003ca href=\"#running-locally\"\u003e\u003cstrong\u003eRunning Locally\u003c/strong\u003e\u003c/a\u003e ·\n  \u003ca href=\"#file-structure\"\u003e\u003cstrong\u003eFile Structure\u003c/strong\u003e\u003c/a\u003e ·\n  \u003ca href=\"https://ui.shadcn.com/docs/registry\"\u003e\u003cstrong\u003eRead Docs\u003c/strong\u003e\u003c/a\u003e\n\u003c/p\u003e\n\u003cbr/\u003e\n\n## Deploy Your Own\n\nYou can deploy your own version of the Next.js Registry Starter to Vercel with one click:\n\n[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fdedevsclub%2Fvibes-ui\u0026project-name=my-registry\u0026repository-name=my-registry\u0026demo-title=Registry%20Starter\u0026demo-description=Registry%20Starter%20is%20a%20free%2C%20open-source%20template%20built%20with%20Next.js%20and%20Shadcn%2Fui%20Registry%20to%20accelerate%20your%20AI-Native%20Design%20System.\u0026demo-url=https%3A%2F%2Fui.vibes.guide\u0026demo-image=%2F%2Fui.vibes.guide%2Fpreview.png)\n\n## Open in v0\n\n[![Open in v0](https://ui.vibes.guide/open-in-v0.svg)](https://v0.dev/chat/api/open?title=Dashboard+Kit\u0026prompt=These+are+existing+design+system+styles+and+files.+Please+utilize+them+alongside+base+components+to+build.\u0026url=https%3A%2F%2Fui.vibes.guide%2Fr%2Fdashboard.json)\n\nThis registry application also exposes `Open in v0` buttons for each component. Once this application is deployed, the\n`Open in v0` button redirects to [`v0.dev`](https://v0.dev) with a prepopulated prompt and a URL pointing back to this\nregistry's `/r/${component_name}.json` endpoint. This endpoint will provide v0 the necessary file information, content,\nand metadata to start your v0 chat with your component, theme, and other related code.\n\nThese `/r/${component_name}.json` files are generated using `shadcn/ui` during the `build` and `dev` based on the\nrepository's [`registry.json`](./registry.json). For more information, refer to the\n[documentation](https://ui.shadcn.com/docs/registry/registry-json).\n\n## Theming\n\nTo use a custom theme for all the components, all you need to do is modify the CSS tokens in\n[`tokens.css`](./src/app/tokens.css). More information on these practices can be found\non [ui.shadcn.com/docs](https://ui.shadcn.com/docs).\n\n#### MCP\n\nTo use this registry with MCP, you must also edit [`registry.json`](./registry.json)'s first\n`registry-item` named `registry`. This `registry:style` item also contains your design tokens that can be used with MCP.\n\nFor example, it looks like this:\n\n```json\n    {\n      \"name\": \"registry\",\n      \"type\": \"registry:style\",\n      \"cssVars\": {\n        \"light\": {\n          \"primary\": \"oklch(0.52 0.13 144.17)\",\n          \"primary-foreground\": \"oklch(1.0 0 0)\",\n          \"radius\": \"0.5rem\",\n          ...\n        },\n        \"dark\": {\n          \"primary\": \"oklch(0.52 0.13 144.17)\",\n          \"primary-foreground\": \"oklch(1.0 0 0)\",\n          ...\n        }\n      },\n      \"files\": []\n    }\n```\n\n#### Fonts\n\nTo use custom fonts, you can either use [\n`next/font/google`](https://nextjs.org/docs/pages/getting-started/fonts#google-fonts) or the [\n`@font-face`](https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face) CSS rule. For example, `fonts.css` might look\nlike:\n\n```css\n@font-face {\n    font-family: 'Montserrat';\n    font-style: normal;\n    font-weight: 400;\n    src: url('https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm45xW5rygbi49c.woff2') format('woff2'),\n    url('https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm45xW5rygbj49c.woff') format('woff');\n}\n\n@font-face {\n    font-family: 'Montserrat';\n    font-style: normal;\n    font-weight: 700;\n    src: url('https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gnD-w.woff2') format('woff2'),\n    url('https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3g3D_w.woff') format('woff');\n}\n```\n\nIf you use `@font-face`, you will also need to modify [`tailwind.css`](src/app/tailwind.css) AND\n[`tailwind.config.ts`](src/app/tailwind.config.ts) to map your custom fonts to Tailwind. Refer to this\n[Tailwind documentation](https://tailwindcss.com/docs/font-family#customizing-your-theme)\n\n## Running locally\n\n```bash\npnpm install\npnpm dev\n```\n\nYour app should now be running on [localhost:3000](http://localhost:3000).\n\n## File Structure\n\n`app/(design)` routes contains the registry pages.\n\n`app/starters` routes contains various starters (using either `minimal` and `shell` layouts)\n\n`@/components` contains all compound components used in the registry\n\n`@/components/ui` contains all base `shadcn/ui` used in the registry\n\n`@/components/design` contains all components for this application\n\n`@/hooks` contains all React hooks\n\n`@/lib` contains all business logic \u0026 utils","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdedevsclub%2Fvibes-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdedevsclub%2Fvibes-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdedevsclub%2Fvibes-ui/lists"}