{"id":24909926,"url":"https://github.com/bobbychan/alice-ui","last_synced_at":"2025-10-16T20:32:15.606Z","repository":{"id":192261585,"uuid":"686694227","full_name":"bobbychan/alice-ui","owner":"bobbychan","description":"React Aria Components + Tailwindcss + Tailwind Variants = Alice UI","archived":false,"fork":false,"pushed_at":"2024-09-13T08:56:10.000Z","size":1478,"stargazers_count":13,"open_issues_count":1,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-02-01T16:02:24.971Z","etag":null,"topics":["react-aria","react-aria-components","tailwind-variants","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://alice-ui.vercel.app","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/bobbychan.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-03T16:37:34.000Z","updated_at":"2025-02-01T07:29:19.000Z","dependencies_parsed_at":"2024-04-10T08:30:52.196Z","dependency_job_id":"b8a8edcc-574c-4eff-8833-454cc8125ef1","html_url":"https://github.com/bobbychan/alice-ui","commit_stats":null,"previous_names":["bobbychan/alice-ui"],"tags_count":125,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bobbychan%2Falice-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bobbychan%2Falice-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bobbychan%2Falice-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bobbychan%2Falice-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bobbychan","download_url":"https://codeload.github.com/bobbychan/alice-ui/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":236748425,"owners_count":19198572,"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":["react-aria","react-aria-components","tailwind-variants","tailwindcss","typescript"],"created_at":"2025-02-02T03:27:47.550Z","updated_at":"2025-10-16T20:32:15.095Z","avatar_url":"https://github.com/bobbychan.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# AliceUI\n\nReact Aria Components + Tailwindcss + Tailwind Variants = Alice UI\n\n## Installation\n\nRequirements:\n\n- [React 18](https://reactjs.org/) or later\n- [Tailwind CSS 3](https://tailwindcss.com/) or later\n\n---\n\nTo use AliceUI in your project, you need to follow the following steps:\n\n### Install Packages\n\nRun the following command:\n\n```sh\npnpm add @alice-ui/react\n```\n\n### Tailwind CSS Setup\n\nAliceUI is built on top of Tailwind CSS, so you need to install Tailwind CSS first. You can follow the officia [installation guide](https://tailwindcss.com/docs/installation) to install Tailwind CSS. Then you need to add the following code to your `tailwind.config.js` file:\n\n```js\n// tailwind.config.js\nconst { aliceui } = require('@alice-ui/react');\n\n/** @type {import('tailwindcss').Config} */\nmodule.exports = {\n  content: [\n    // ...\n    './node_modules/@alice-ui/theme/dist/**/*.{js,ts,jsx,tsx}',\n  ],\n  theme: {\n    extend: {},\n  },\n  darkMode: 'selector',\n  plugins: [aliceui()],\n};\n```\n\n### Provider Setup\n\nIt is essential to add the `AliceUIProvider` at the `root` of your application.\n\n```jsx\nimport React from 'react';\n\n// 1. import `AliceUIProvider` component\nimport { AliceUIProvider } from '@alice-ui/react';\n\nfunction App() {\n  // 2. Wrap AliceUIProvider at the root of your app\n  return (\n    \u003cAliceUIProvider\u003e\n      \u003cYourApplication /\u003e\n    \u003c/AliceUIProvider\u003e\n  );\n}\n```\n\n### Setup pnpm (optional)\n\nIf you are using pnpm, you need to add the following code to your `.npmrc` file:\n\n```bash\npublic-hoist-pattern[]=*@alice-ui/*\n```\n\nAfter modifying the `.npmrc` file, you need to run `pnpm install` again to ensure that the dependencies are installed correctly.\n\n## Useful Links\n\n- [NextUI](https://nextui.org)\n- [TailwindCSS](https://tailwindcss.com)\n- [Tailwind Variants](https://www.tailwind-variants.org)\n- [React Aria Components](https://react-spectrum.adobe.com/react-aria/index.html)\n\nThis project is tested with BrowserStack\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbobbychan%2Falice-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbobbychan%2Falice-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbobbychan%2Falice-ui/lists"}