[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-1684":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":23,"hasPages":25,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":47,"readmeContent":48,"aiSummary":49,"trendingCount":16,"starSnapshotCount":16,"syncStatus":50,"lastSyncTime":51,"discoverSource":52},1684,"refine","refinedev\u002Frefine","refinedev","A React Framework for building  internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.","https:\u002F\u002Frefine.dev",null,"TypeScript",34865,3082,146,10,0,5,37,198,29,108.5,"MIT License",false,"main",true,[27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46],"admin","admin-ui","ant-design","crud","developer-tools","frontend-framework","good-first-issue","graphql","hacktoberfest","headless","internal-tools","javascript","low-code","nestjs","nextjs","open-source-project","react","react-framework","react-hooks","typescript","2026-06-12 04:00:10","\u003Cdiv align=\"center\">\n\u003Ca href=\"https:\u002F\u002Frefine.dev\u002Fcore\">\n    \u003Cimg alt=\"refine logo\" src=\"https:\u002F\u002Frefine.ams3.cdn.digitaloceanspaces.com\u002Freadme\u002Frefine-readme-banner.png\">\n\u003C\u002Fa>\n\n\u003Cbr\u002F>\n\u003Cbr\u002F>\n\n\u003Cdiv align=\"center\">\n    \u003Ca href=\"https:\u002F\u002Frefine.dev\u002Fcore\u002F\">Home Page\u003C\u002Fa> |\n    \u003Ca href=\"https:\u002F\u002Frefine.dev\u002Fcore\u002Fdocs\u002F\">Documentation\u003C\u002Fa> |\n    \u003Ca href=\"https:\u002F\u002Frefine.dev\u002Fcore\u002Ftemplates\u002F\">Examples\u003C\u002Fa> |\n    \u003Ca href=\"https:\u002F\u002Fdiscord.gg\u002Frefine\">Discord\u003C\u002Fa> |\n    \u003Ca href=\"https:\u002F\u002Frefine.dev\u002Fblog\u002F\">Blog\u003C\u002Fa> |\n    \u003Ca href=\"https:\u002F\u002Frefine.dev\u002F\">Refine\u003C\u002Fa>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n\u003Cbr\u002F>\n\u003Cbr\u002F>\n\n\u003Cdiv align=\"center\">\u003Cstrong>The sweet spot between the low\u002Fno code and “starting from scratch” for CRUD-heavy applications.\u003C\u002Fstrong>\u003Cbr>\n\nRefine Core is an open source, React meta-framework for enterprise. It provides a headless solution for everything from admin panels to\ndashboards and internal tools.\n\u003Cbr \u002F>\n\n\u003Cstrong>Refine CORE also powers \u003Ca href=\"https:\u002F\u002Frefine.dev\u002F\">Refine's purpose built AI agent.\u003C\u002Fa>\u003C\u002Fstrong>\n\u003Cbr \u002F>\n\n\u003C\u002Fdiv>\n\n\u003Cdiv align=\"center\">\n\n[![Awesome](https:\u002F\u002Fgithub.com\u002Frefinedev\u002Fawesome-refine\u002Fraw\u002Fmain\u002Fimages\u002Fbadge.svg)](https:\u002F\u002Fgithub.com\u002Frefinedev\u002Fawesome-refine)\n[![OpenSSF Best Practices](https:\u002F\u002Fwww.bestpractices.dev\u002Fprojects\u002F8101\u002Fbadge)](https:\u002F\u002Fwww.bestpractices.dev\u002Fprojects\u002F8101)\n[![npm version](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@refinedev\u002Fcore.svg)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@refinedev\u002Fcore)\n[![Contributor Covenant](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FContributor%20Covenant-2.0-4baaaa.svg)](CODE_OF_CONDUCT.md)\n\n[![Discord](https:\u002F\u002Fimg.shields.io\u002Fdiscord\u002F837692625737613362.svg?label=&logo=discord&logoColor=ffffff&color=7389D8&labelColor=6A7EC2)](https:\u002F\u002Fdiscord.gg\u002Frefine)\n[![Twitter Follow](https:\u002F\u002Fimg.shields.io\u002Ftwitter\u002Ffollow\u002Frefine_dev?style=social)](https:\u002F\u002Ftwitter.com\u002Frefine_dev)\n\n\u003C\u002Fdiv>\n\n\u003Cbr\u002F>\n\n[![how-refine-works](https:\u002F\u002Frefine.ams3.cdn.digitaloceanspaces.com\u002Fwebsite\u002Fstatic\u002Fimg\u002Fdiagram-3.png)](https:\u002F\u002Frefine.dev\u002Fcore)\n\n## What is Refine CORE?\n\n**Refine CORE** is a React meta-framework for CRUD-heavy web applications. It addresses a wide range of enterprise use cases including internal tools, admin panels, dashboards and B2B apps.\n\nRefine CORE's hooks and components streamline the development process by offering industry-standard solutions for crucial aspects of a project, including **authentication**, **access control**, **routing**, **networking**, **state management**, and **i18n**.\n\nRefine CORE's headless architecture enables the building of highly customizable applications by decoupling business logic from UI and routing. This allows integration with:\n\n- Any custom designs or UI frameworks like [TailwindCSS](https:\u002F\u002Ftailwindcss.com\u002F), along with built-in support for [Ant Design](https:\u002F\u002Fant.design\u002F), [Material UI](https:\u002F\u002Fmui.com\u002Fmaterial-ui\u002Fgetting-started\u002Foverview\u002F), [Mantine](https:\u002F\u002Fmantine.dev\u002F), and [Chakra UI](https:\u002F\u002Fchakra-ui.com\u002F).\n\n- Various platforms, including Next.js, Remix, React Native, Electron, etc., by a simple routing interface without the need for additional setup steps.\n\n## ⚡ Try Refine CORE\n\nStart a new project with Refine CORE in seconds using the following command:\n\n```sh\nnpm create refine-app@latest my-refine-app\n```\n\nOr you can create a new project on your browser:\n\n\u003Ca href=\"https:\u002F\u002Frefine.dev\u002Fcore\u002F?playground=true\" target=\"_blank\">\n  \u003Cimg height=\"48\" width=\"245\" src=\"https:\u002F\u002Frefine.ams3.cdn.digitaloceanspaces.com\u002Fassets\u002Ftry-it-in-your-browser.png\" \u002F>\n\u003C\u002Fa>\n\n\u003Cbr>\n\nYou can also try Refine's AI agent for free to create projects:\n\n\u003Ca href=\"https:\u002F\u002Frefine.dev\u002F\" target=\"_blank\">\n  \u003Cimg height=\"48\" width=\"245\" src=\"https:\u002F\u002Frefine.ams3.cdn.digitaloceanspaces.com\u002Fassets\u002Ftry-out-refine-ai-2.png\" \u002F>\n\u003C\u002Fa>\n\n## Quick Start\n\nHere's Refine CORE in action, the below code is an example of a simple CRUD application using Refine CORE + React Router + Material UI:\n\n```tsx\nimport React from \"react\";\nimport { Refine, useMany } from \"@refinedev\u002Fcore\";\nimport { ThemedLayout } from \"@refinedev\u002Fmui\";\nimport dataProvider from \"@refinedev\u002Fsimple-rest\";\nimport routerProvider from \"@refinedev\u002Freact-router\";\nimport { BrowserRouter, Outlet, Route, Routes } from \"react-router\";\n\nimport CssBaseline from \"@mui\u002Fmaterial\u002FCssBaseline\";\n\nexport default function App() {\n  return (\n    \u003CBrowserRouter>\n      \u003CCssBaseline \u002F>\n      \u003CRefine\n        dataProvider={dataProvider(\"https:\u002F\u002Fapi.fake-rest.refine.dev\")}\n        routerProvider={routerProvider}\n        resources={[\n          {\n            name: \"products\",\n            list: \"\u002Fproducts\",\n          },\n        ]}\n      >\n        \u003CRoutes>\n          \u003CRoute\n            element={\n              \u003CThemedLayout>\n                \u003COutlet \u002F>\n              \u003C\u002FThemedLayout>\n            }\n          >\n            \u003CRoute path=\"\u002Fproducts\">\n              \u003CRoute index element={\u003CProductList \u002F>} \u002F>\n            \u003C\u002FRoute>\n          \u003C\u002FRoute>\n        \u003C\u002FRoutes>\n      \u003C\u002FRefine>\n    \u003C\u002FBrowserRouter>\n  );\n}\n\n\u002F\u002F src\u002Fpages\u002Fproducts\u002Flist.tsx\n\nimport { List, useDataGrid, DateField } from \"@refinedev\u002Fmui\";\nimport { DataGrid, GridColDef } from \"@mui\u002Fx-data-grid\";\n\nexport const ProductList = () => {\n  const { dataGridProps } = useDataGrid();\n\n  const { data: categories, isLoading } = useMany({\n    resource: \"categories\",\n    ids:\n      dataGridProps?.rows?.map((item) => item?.category?.id).filter(Boolean) ??\n      [],\n    queryOptions: {\n      enabled: !!dataGridProps?.rows,\n    },\n  });\n\n  const columns = React.useMemo\u003CGridColDef[]>(\n    () => [\n      { field: \"id\", headerName: \"ID\", type: \"number\" },\n      { field: \"name\", flex: 1, headerName: \"Name\" },\n      {\n        field: \"category\",\n        flex: 1,\n        headerName: \"Category\",\n        display: \"flex\",\n        renderCell: ({ value }) =>\n          isLoading\n            ? \"Loading...\"\n            : categories?.data?.find((item) => item.id === value?.id)?.title,\n      },\n      {\n        field: \"createdAt\",\n        flex: 1,\n        headerName: \"Created at\",\n        display: \"flex\",\n        renderCell: ({ value }) => \u003CDateField value={value} \u002F>,\n      },\n    ],\n    [categories?.data, isLoading],\n  );\n\n  return (\n    \u003CList>\n      \u003CDataGrid {...dataGridProps} columns={columns} \u002F>\n    \u003C\u002FList>\n  );\n};\n```\n\nThe result will look like this:\n\n[![Refine CORE + Material UI Example](https:\u002F\u002Frefine.ams3.cdn.digitaloceanspaces.com\u002Fassets\u002Frefine-mui-simple-example-screenshot-rounded.webp)](https:\u002F\u002Frefine.new\u002Fpreview\u002Fc85442a8-8df1-4101-a09a-47d3ca641798)\n\n## Use cases\n\n**Refine CORE** shines on _data-intensive⚡_ enterprise B2B applications like **admin panels**, **dashboards** and **internal tools**. Thanks to the built-in **SSR support**, it can also power _customer-facing_ applications like **storefronts**.\n\nYou can take a look at some live examples that can be built using **Refine CORE** from scratch:\n\n- [Fully-functional CRM Application](https:\u002F\u002Frefine.dev\u002Ftemplates\u002Fcrm-application\u002F)\n- [Fully-functional Admin Panel](https:\u002F\u002Frefine.dev\u002Ftemplates\u002Freact-admin-panel\u002F)\n- [Win95 Style Admin panel 🪟](https:\u002F\u002Frefine.dev\u002Ftemplates\u002Fwin-95-style-admin-panel\u002F)\n- [PDF Invoice Generator](https:\u002F\u002Frefine.dev\u002Ftemplates\u002Freact-pdf-invoice-generator\u002F)\n- [Medium Clone - Real World Example](https:\u002F\u002Frefine.dev\u002Ftemplates\u002Freact-crud-app\u002F)\n- [Multitenancy Example](https:\u002F\u002Frefine.dev\u002Ftemplates\u002Fmultitenancy-strapi\u002F)\n- [Storefront](https:\u002F\u002Frefine.dev\u002Ftemplates\u002Fnext-js-ecommerce-store\u002F)\n- [Refer to templates page for more examples](https:\u002F\u002Frefine.dev\u002Ftemplates\u002F)\n- [More **Refine CORE** powered different usage scenarios can be found here](https:\u002F\u002Frefine.dev\u002Fcore\u002Ftemplates)\n\n## Key Features\n\n- Refine CORE Devtools - dive deeper into your app and provide useful insights\n- Connectors for **15+ backend services** including [REST API](https:\u002F\u002Fgithub.com\u002Frefinedev\u002Frefine\u002Ftree\u002Fmain\u002Fpackages\u002Fsimple-rest), [GraphQL](https:\u002F\u002Fgithub.com\u002Frefinedev\u002Frefine\u002Ftree\u002Fmain\u002Fpackages\u002Fgraphql), [NestJs CRUD](https:\u002F\u002Fgithub.com\u002Frefinedev\u002Frefine\u002Ftree\u002Fmain\u002Fpackages\u002Fnestjsx-crud), [Airtable](https:\u002F\u002Fgithub.com\u002Frefinedev\u002Frefine\u002Ftree\u002Fmain\u002Fpackages\u002Fairtable), [Strapi](https:\u002F\u002Fgithub.com\u002Frefinedev\u002Frefine\u002Ftree\u002Fmain\u002Fpackages\u002Fstrapi), [Strapi v4](https:\u002F\u002Fgithub.com\u002Frefinedev\u002Frefine\u002Ftree\u002Fmain\u002Fpackages\u002Fstrapi-v4), [Supabase](https:\u002F\u002Fgithub.com\u002Frefinedev\u002Frefine\u002Ftree\u002Fmain\u002Fpackages\u002Fsupabase), [Hasura](https:\u002F\u002Fgithub.com\u002Frefinedev\u002Frefine\u002Ftree\u002Fmain\u002Fpackages\u002Fhasura), [Appwrite](https:\u002F\u002Fgithub.com\u002Frefinedev\u002Frefine\u002Ftree\u002Fmain\u002Fpackages\u002Fappwrite), [Nestjs-Query](https:\u002F\u002Fgithub.com\u002Frefinedev\u002Frefine\u002Ftree\u002Fmain\u002Fpackages\u002Fnestjs-query), [Firebase](https:\u002F\u002Ffirebase.google.com\u002F), [Sanity](https:\u002F\u002Fwww.sanity.io\u002F), and [Directus](https:\u002F\u002Fdirectus.io\u002F).\n- SSR support with Next.js & Remix and Advanced routing with any router library of your choice\n- Auto-generation of CRUD UIs based on your API data structure\n- Perfect state management & mutations with React Query\n- Providers for seamless authentication and access control flows\n- Out-of-the-box support for live \u002F real-time applications\n- Easy audit logs & document versioning\n\n## Learning Refine CORE\n\n- Navigate to the [Tutorial](https:\u002F\u002Frefine.dev\u002Fcore\u002Ftutorial\u002Fessentials\u002Fintro\u002F) on building comprehensive CRUD application guides you through each step of the process.\n- Visit the [Guides & Concepts](https:\u002F\u002Frefine.dev\u002Fcore\u002Fdocs\u002Fguides-concepts\u002Fgeneral-concepts\u002F) to get informed about the fundamental concepts.\n- Read more on [Advanced Tutorials](https:\u002F\u002Frefine.dev\u002Fcore\u002Fdocs\u002Fadvanced-tutorials\u002F) for different usage scenarios.\n\n## Contribution\n\n[Refer to the contribution docs for more information.](https:\u002F\u002Frefine.dev\u002Fcore\u002Fdocs\u002Fguides-concepts\u002Fcontributing\u002F#ways-to-contribute)\n\nIf you have any doubts related to the project or want to discuss something, then join our [Discord server](https:\u002F\u002Fdiscord.gg\u002Frefine).\n\n## Contributors ♥️ Thanks\n\nWe extend our gratitude to all our numerous contributors who create plugins, assist with issues and pull requests, and respond to questions on Discord and GitHub Discussions.\n\nRefine CORE is a community-driven project, and your contributions continually improve it.\n\n\u003Cbr\u002F>\n\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Frefinedev\u002Frefine\u002Fgraphs\u002Fcontributors\">\n  \u003Cimg src=\"https:\u002F\u002Fcontrib.rocks\u002Fimage?repo=refinedev\u002Frefine&max=400&columns=20\" \u002F>\n\u003C\u002Fa>\n\n## License\n\nLicensed under the MIT License, Copyright © 2021-present Refinedev\n","refine 是一个用于构建内部工具、管理面板、仪表板和B2B应用的React框架，具有无与伦比的灵活性。它通过提供一套标准化的解决方案来简化开发流程，涵盖认证、权限控制、路由、网络请求、状态管理和国际化等核心功能。该框架采用无头架构设计，允许开发者将业务逻辑与用户界面及路由分离，从而实现高度定制化，并支持多种UI框架（如Ant Design、Material UI）和平台（如Next.js、React Native）。适用于需要快速开发且对灵活性有高要求的企业级CRUD密集型应用场景。",2,"2026-06-11 02:45:26","top_all"]