{"id":15594797,"url":"https://github.com/innei/shiro-rc","last_synced_at":"2025-04-24T06:22:09.993Z","repository":{"id":228963184,"uuid":"775256294","full_name":"Innei/shiro-rc","owner":"Innei","description":null,"archived":false,"fork":false,"pushed_at":"2024-04-27T06:44:28.000Z","size":937,"stargazers_count":3,"open_issues_count":2,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-03-30T07:41:21.355Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://shiro-ui-demo.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/Innei.png","metadata":{"files":{"readme":"readme.md","changelog":"CHANGELOG.md","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}},"created_at":"2024-03-21T03:24:30.000Z","updated_at":"2024-07-22T15:08:51.000Z","dependencies_parsed_at":"2024-03-21T11:18:06.042Z","dependency_job_id":"a9da58d0-9629-437d-ad52-d568845b0b04","html_url":"https://github.com/Innei/shiro-rc","commit_stats":null,"previous_names":["innei/shiro-ui","innei/shiro-rc"],"tags_count":7,"template":false,"template_full_name":"innei-template/rc-library-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Innei%2Fshiro-rc","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Innei%2Fshiro-rc/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Innei%2Fshiro-rc/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Innei%2Fshiro-rc/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Innei","download_url":"https://codeload.github.com/Innei/shiro-rc/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250574599,"owners_count":21452586,"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":[],"created_at":"2024-10-03T00:41:39.093Z","updated_at":"2025-04-24T06:22:09.973Z","avatar_url":"https://github.com/Innei.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Shiro React Component\n\nThis is a UI component library port from Shiro for React/RSC.\n\nStatus: WIP\n\n## Installation\n\n```bash\nnpm install shiro-rc framer-motion\nnpm install -D daisyui\n```\n\n## Init providers and configure\n\nIn Next.js app. for example:\n\n```ts\n// /app/framer-lazy-feature.ts\nimport { domMax } from 'framer-motion'\n\nexport default domMax\n```\n\n```tsx\n// /app/providers.tsx\n'use client'\n\nimport { domMax, LazyMotion, m } from 'framer-motion'\nimport { useTheme } from 'next-themes'\nimport { Configure } from 'shiro-rc'\nimport type { PropsWithChildren } from 'react'\n\nconst loadFeatures = () =\u003e\n  import('./framer-lazy-feature').then((res) =\u003e res.default)\nexport const Providers = ({ children }: PropsWithChildren) =\u003e {\n  const { theme, systemTheme } = useTheme()\n\n  return (\n    \u003cConfigure\n      m={m}\n      darkMode={\n        theme === 'dark' || (theme === 'system' \u0026\u0026 systemTheme === 'dark')\n      }\n    \u003e\n      \u003cLazyMotion features={loadFeatures} strict key=\"framer\"\u003e\n        {children}\n      \u003c/LazyMotion\u003e\n    \u003c/Configure\u003e\n  )\n}\n```\n\n```tsx\n// app/layout.tsx\nimport 'shiro-rc/dist/tw.css'\n```\n\nIn your `tailwind.config.js`:\n\n```js\nexport default {\n  plugins: [require('daisyui')], // add this\n  content: [\n    './src/app/**/*.{js,ts,jsx,tsx,mdx}',\n    './node_modules/shiro-rc/dist/**/*.{js,ts,jsx,tsx,mdx}', // add this\n  ],\n\n  daisyui: {\n    darkTheme: 'dark',\n    themes: [\n      {\n        light: {\n          'color-scheme': 'light',\n          primary: '#33A6B8',\n          secondary: '#A8D8B9',\n          accent: '#33A6B8',\n          'accent-content': '#fafafa',\n          neutral: '#C7C7CC',\n          'base-100': '#fff',\n          'base-content': '#000',\n          info: '#007AFF',\n          success: '#34C759',\n          warning: '#FF9500',\n          error: '#FF3B30',\n          '--rounded-btn': '1.9rem',\n          '--tab-border': '2px',\n          '--tab-radius': '.5rem',\n        },\n      },\n      {\n        dark: {\n          'color-scheme': 'dark',\n          primary: '#F596AA',\n          secondary: '#FB966E',\n          accent: '#F596AA',\n          neutral: '#48484A',\n          'base-100': '#1C1C1E',\n          'base-content': '#FFF',\n          info: '#0A84FF',\n          success: '#30D158',\n          warning: '#FF9F0A',\n          error: '#FF453A',\n          '--rounded-btn': '1.9rem',\n          '--tab-border': '2px',\n          '--tab-radius': '.5rem',\n        },\n      },\n    ],\n  },\n}\n```\n\n## License\n\n2024 © Innei, Released under the MIT License.\n\n\u003e [Personal Website](https://innei.ren/) · GitHub [@Innei](https://github.com/innei/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Finnei%2Fshiro-rc","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Finnei%2Fshiro-rc","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Finnei%2Fshiro-rc/lists"}