{"id":26774525,"url":"https://github.com/bonniss/refine-mantine-v7","last_synced_at":"2025-04-15T22:56:44.101Z","repository":{"id":247296731,"uuid":"825407458","full_name":"bonniss/refine-mantine-v7","owner":"bonniss","description":"❤️‍🔥 Refine + Mantine v7 starter","archived":false,"fork":false,"pushed_at":"2025-03-08T05:21:01.000Z","size":3438,"stargazers_count":10,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-15T22:56:39.821Z","etag":null,"topics":["admin","crud","mantine-ui","mantine-v7","refine","tailwindcss","tailwindcss-v4"],"latest_commit_sha":null,"homepage":"https://refine-mantine-v7.netlify.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/bonniss.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}},"created_at":"2024-07-07T17:22:05.000Z","updated_at":"2025-04-14T22:26:58.000Z","dependencies_parsed_at":"2024-07-07T23:42:17.953Z","dependency_job_id":null,"html_url":"https://github.com/bonniss/refine-mantine-v7","commit_stats":null,"previous_names":["bonniss/refine-mantine-v7"],"tags_count":0,"template":true,"template_full_name":"mantinedev/vite-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bonniss%2Frefine-mantine-v7","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bonniss%2Frefine-mantine-v7/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bonniss%2Frefine-mantine-v7/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bonniss%2Frefine-mantine-v7/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bonniss","download_url":"https://codeload.github.com/bonniss/refine-mantine-v7/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249167439,"owners_count":21223505,"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":["admin","crud","mantine-ui","mantine-v7","refine","tailwindcss","tailwindcss-v4"],"created_at":"2025-03-29T02:17:12.302Z","updated_at":"2025-04-15T22:56:44.079Z","avatar_url":"https://github.com/bonniss.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n\u003cimg src=\"./public/apple-icon-180x180.png\" alt=\"mantine pokemon\"\u003e\n\u003c/p\u003e\n\n# ❤️‍🔥 Refine + Mantine v7\n\nRefine's Mantine integration [only supports Mantine v5](https://refine.dev/docs/ui-integrations/mantine/introduction). This template build on top of [Mantine v7 + Vite template](https://github.com/mantinedev/vite-template), adding:\n\n- Headless Refine v4 integration (based on [this tutorial](https://github.com/refinedev/refine/tree/master/examples/tutorial-headless)).\n- TailwindCSS v4.\n- Sample resources of `blog-post` and `category`.\n- i18n.\n- Notification provider.\n- `Dockerfile` to deploy via Nginx.\n\n![](./public/screenshots/home.png)\n\n![](./public/screenshots/login.png)\n\n## Features\n\nThis template comes with the following features:\n\n- [PostCSS](https://postcss.org/) with [mantine-postcss-preset](https://mantine.dev/styles/postcss-preset)\n- [TypeScript](https://www.typescriptlang.org/)\n- [Storybook](https://storybook.js.org/)\n- [Vitest](https://vitest.dev/) setup with [React Testing Library](https://testing-library.com/docs/react-testing-library/intro)\n- ESLint setup with [eslint-config-mantine](https://github.com/mantinedev/eslint-config-mantine)\n\n## npm scripts\n\n## Build and dev scripts\n\n- `dev` – start development server\n- `build` – build production version of the app\n- `preview` – locally preview production build\n\n### Testing scripts\n\n- `typecheck` – checks TypeScript types\n- `lint` – runs ESLint\n- `prettier:check` – checks files with Prettier\n- `vitest` – runs vitest tests\n- `vitest:watch` – starts vitest watch\n- `test` – runs `vitest`, `prettier:check`, `lint` and `typecheck` scripts\n\n### Other scripts\n\n- `up:mantine` – upgrade Mantine's packages\n- `up:refine` – upgrade Refine's packages\n- `storybook` – starts storybook dev server\n- `storybook:build` – build production storybook bundle to `storybook-static`\n- `prettier:write` – formats all files with Prettier\n\n## Development\n\n### Theming and styling\n\nMantine@7 offers several approaches of theming and styling. [Learn here](https://mantine.dev/getting-started/#learn).\n\nMantine@7 also offers a system of CSS variables that you can use them in your stylesheets. To get CSS variables autocomplete and PostCSS support, [follow here to set up your VS Code](https://mantine.dev/getting-started/#set-up-vs-code).\n\nLast but not least, you have full power of TailwindCSS v4 with dark mode support out of the box.\n\n### Change favicon\n\nFavicon and markup for favicon are generated by [favicon-generator](https://www.favicon-generator.org/). To tweak your own image, generate and replace those files:\n\n```sh\npublic/android-icon-36x36.png\npublic/android-icon-48x48.png\npublic/android-icon-72x72.png\npublic/android-icon-96x96.png\npublic/android-icon-144x144.png\npublic/android-icon-192x192.png\npublic/apple-icon-57x57.png\npublic/apple-icon-60x60.png\npublic/apple-icon-72x72.png\npublic/apple-icon-76x76.png\npublic/apple-icon-114x114.png\npublic/apple-icon-120x120.png\npublic/apple-icon-144x144.png\npublic/apple-icon-152x152.png\npublic/apple-icon-180x180.png\npublic/apple-icon-precomposed.png\npublic/apple-icon.png\npublic/browserconfig.xml\npublic/favicon-16x16.png\npublic/favicon-32x32.png\npublic/favicon-96x96.png\npublic/favicon.ico\npublic/manifest.json\npublic/ms-icon-70x70.png\npublic/ms-icon-144x144.png\npublic/ms-icon-150x150.png\npublic/ms-icon-310x310.png\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbonniss%2Frefine-mantine-v7","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbonniss%2Frefine-mantine-v7","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbonniss%2Frefine-mantine-v7/lists"}