{"id":24997835,"url":"https://github.com/anuoua/shadcn-packaged","last_synced_at":"2026-04-05T23:35:42.206Z","repository":{"id":273287068,"uuid":"917507832","full_name":"anuoua/shadcn-packaged","owner":"anuoua","description":"This is an npm package that exports all shadcn/ui components without the need for a CLI, designed for ease of use.","archived":false,"fork":false,"pushed_at":"2025-03-17T01:06:24.000Z","size":261,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-17T02:28:30.436Z","etag":null,"topics":["components","npm","react","shadcn","shadcn-ui","typescript"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/anuoua.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":"2025-01-16T05:49:52.000Z","updated_at":"2025-03-17T01:06:26.000Z","dependencies_parsed_at":null,"dependency_job_id":"0a40cffe-e8b4-4219-aaf3-70d85445c6d7","html_url":"https://github.com/anuoua/shadcn-packaged","commit_stats":null,"previous_names":["anuoua/shadcn-packaged"],"tags_count":14,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anuoua%2Fshadcn-packaged","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anuoua%2Fshadcn-packaged/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anuoua%2Fshadcn-packaged/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anuoua%2Fshadcn-packaged/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/anuoua","download_url":"https://codeload.github.com/anuoua/shadcn-packaged/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246209569,"owners_count":20741070,"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":["components","npm","react","shadcn","shadcn-ui","typescript"],"created_at":"2025-02-04T17:25:56.688Z","updated_at":"2025-12-30T23:18:10.817Z","avatar_url":"https://github.com/anuoua.png","language":"JavaScript","funding_links":[],"categories":["Libs and Components","Components \u0026 Libraries"],"sub_categories":[],"readme":"# Shadcn Packaged\n\n**Support Tailwindcss V4**\n\nThis is an npm package that exports all [shadcn/ui](https://ui.shadcn.com/) components without the need for a CLI, designed for ease of use. \n\nIt simply provides all useful files along with type declarations.\n\nWeekly publish latest version components to npm.\n\n## Pre work\n\n1. Create a new react project.\n2. [Get started with Tailwind CSS](https://tailwindcss.com/docs/installation).\n\n## Install\n\n```shell\nnpm i class-variance-authority clsx tailwind-merge lucide-react tw-animate-css\nnpm i shadcn-packaged\n```\n\n## Configuation\n\nFor nextjs user, next.config.js\n\n```javascript\nconst nextConfig = {\n  // ...\n  transpilePackages: [\"shadcn-packaged\"],\n};\n\nexport default nextConfig;\n```\n\nFor vite user, vite.config.js\n\n```javascript\nexport default defineConfig({\n  optimizeDeps: {\n    include: ['shadcn-packaged/**/*.{js,jsx,ts,tsx}'],\n  },\n})\n```\n\n## Usage\n\nImport default style\n\n\u003e If you have a fully customized style in global entry css file, see [Custom Theme](#custom-theme).\n\nThe global entry css file, `index.css` | `global.css`\n\n```css\n/* \"shadcn-packaged/index.css\" includes `@import \"tailwindcss\"` */\n@import \"shadcn-packaged/index.css\";\n/* source detection, according to the actual path specified */\n@source \"../node_modules/shadcn-packaged\";\n```\n\nImport code\n\n```javascript\nimport { Button } from 'shadcn-packaged/ui/button';\nimport { cn } from 'shadcn-packaged/lib/utils';\nimport { useToast } from 'shadcn/hooks/use-toast';\n```\n\nPackage Struct\n\n- shadcn-packaged/ui/*: components\n- shadcn-packaged/hooks/*: hooks\n- shadcn-packaged/lib/utils: utils\n\n## Type declaration and IDE auto import\n\nThis package support vscode auto import.\n\nIf the automatic code import does not take effect, please try the following methods.\n\n1. add below code to project main.tsx or root layout.tsx in NextJS.\n\n```typescript\n/// \u003creference types=\"shadcn-packaged\" /\u003e\n```\n\n2. change tsconig.json\n\n```json\n{\n  \"compilerOptions\": {\n    // append to exist types\n    \"types\": [\"...\", \"./node_modules/shadcn-packaged/**/*.ts\"] \n  }\n}\n```\n\n## Custom Theme\n\nThe global entry css file, `index.css` | `global.css`, more detail see [shadcn theme](https://ui.shadcn.com/docs/theming)\n\n```css\n/* \"shadcn-packaged/index.css\" includes `@import \"tailwindcss\"` */\n@import \"shadcn-packaged/index.css\";\n/* source detection, according to the actual path specified */\n@source \"../node_modules/shadcn-packaged\";\n\n@custom-variant dark (\u0026:is(.dark *));\n\n:root {\n  ...\n}\n\n.dark {\n  ...\n}\n\n@theme inline {\n  ...\n}\n\n@layer base {\n  ...\n}\n```\n\n## License\n\nMIT anuoua\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanuoua%2Fshadcn-packaged","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fanuoua%2Fshadcn-packaged","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanuoua%2Fshadcn-packaged/lists"}