├── images ├── awesome-refine.png └── badge.svg ├── .github └── FUNDING.yml └── README.md /images/awesome-refine.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/refinedev/awesome-refine/HEAD/images/awesome-refine.png -------------------------------------------------------------------------------- /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | # These are supported funding model platforms 2 | 3 | github: refinedev 4 | patreon: # Replace with a single Patreon username 5 | open_collective: # Replace with a single Open Collective username 6 | ko_fi: # Replace with a single Ko-fi username 7 | tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel 8 | community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry 9 | liberapay: # Replace with a single Liberapay username 10 | issuehunt: # Replace with a single IssueHunt username 11 | otechie: # Replace with a single Otechie username 12 | lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry 13 | custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2'] 14 | -------------------------------------------------------------------------------- /images/badge.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |

2 | 3 |

4 | 5 | 6 |
7 |
8 | 9 | 10 |

11 | Home Page | 12 | Documentation | 13 | Examples | 14 | Discord | 15 | Blog 16 |

17 |

18 | 19 |
20 | 21 |

The sweet spot between the low/no code and “starting from scratch” for CRUD-heavy applications.
Refine is as an open source, React meta-framework for enterprise. It provides a headless solution for everything from admin panels to dashboards and internal tools. 22 |
23 |
24 | 25 |

26 | 27 |

28 | 29 | [![Awesome](https://github.com/refinedev/awesome-refine/raw/main/images/badge.svg)](https://github.com/refinedev/awesome-refine) 30 | [![OpenSSF Best Practices](https://www.bestpractices.dev/projects/8101/badge)](https://www.bestpractices.dev/projects/8101) 31 | [![npm version](https://img.shields.io/npm/v/@refinedev/core.svg)](https://www.npmjs.com/package/@refinedev/core) 32 | [![Contributor Covenant](https://img.shields.io/badge/Contributor%20Covenant-2.0-4baaaa.svg)](CODE_OF_CONDUCT.md) 33 | 34 | [![Discord](https://img.shields.io/discord/837692625737613362.svg?label=&logo=discord&logoColor=ffffff&color=7389D8&labelColor=6A7EC2)](https://discord.gg/refine) 35 | [![Twitter Follow](https://img.shields.io/twitter/follow/refine_dev?style=social)](https://twitter.com/refine_dev) 36 | 37 |

38 | 39 |
40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | ## Try Refine 48 | Refine's [browser-based app scaffolder](https://refine.dev/#playground) enables you to build a Refine app through an interactive, step-by-step process in your browser. 49 | 50 | 51 | ## Refine devtools 💡 52 | 53 | [Refine devtools](https://github.com/refinedev/refine/tree/next/packages/devtools) is designed to help you debug and develop your Refine apps. It will be a collection of features, including monitoring queries and mutations, testing out inferencer-generated codes, adding and updating Refine packages from the UI and more. 54 | 55 | ## Announcements and Official Blog Posts 56 | * [Refine Investment Announcement](https://refine.dev/blog/refine-investment-announcement/) 57 | * [Announcing the Refine Open Source Hackathon 2 Winners](https://refine.dev/blog/refine-hackathon-2-winners/) 58 | * [Refine Open Source Hackathon 2](https://refine.dev/blog/refine-hackathon-2/) 59 | * [refine.new - The Fastest Way to Create refine Apps](https://refine.dev/blog/what-is-refine-new/) 60 | * [Announcing the Release of refine v4!](https://refine.dev/blog/refine-v4-announcement/) 61 | * [Refine Open Source Hackathon](https://refine.dev/blog/refine-hackathon/) 62 | * [Refine Joins the Hacktoberfest Fun](https://refine.dev/blog/hacktoberfest-refine/) 63 | * [Refine swag store is now open!](https://refine.dev/blog/refine-swag-store/) 64 | * [We’ve raised $1M in Seed Funding! 🚀 🚀 🚀](https://refine.dev/blog/weve-raised-dollar1m-seed-funding/) 65 | * [Become a Refine guest technical writer](https://refine.dev/blog/refine-writer-program/) 66 | 67 | ### RefineWeek ft. Supabase 🍕 68 | * [Day 1 - Pilot & refine architecture](https://refine.dev/blog/refine-pixels-1/) 69 | * [Day 2 - Setting Up the Client App](https://refine.dev/blog/refine-pixels-2/) 70 | * [Day 3 - Adding CRUD Actions & Authentication](https://refine.dev/blog/refine-pixels-3/) 71 | * [Day 4 - Adding Realtime Collaboration](https://refine.dev/blog/refine-pixels-4/) 72 | * [Day 5 - Initialize and Build Pixels Admin App](https://refine.dev/blog/refine-pixels-5/) 73 | * [Day 6 - Add Role Based Authorization](https://refine.dev/blog/refine-pixels-6/) 74 | * [Day 7 - Implementing Audit Logs](https://refine.dev/blog/refine-pixels-7/) 75 | 76 | ### RefineWeek ft. Strapi 🌱 77 | 78 | * [Day 1 - Pilot & refine architecture](https://refine.dev/blog/refine-react-invoice-generator-1) 79 | * [Day 2 - Setting Up the Invoicer App](https://refine.dev/blog/refine-react-invoice-generator-2) 80 | * [Day 3 - Adding CRUD Actions & Views](#) 81 | * [Day 4 - Creating Mission and Invoices Pages](#) 82 | * [Day 5 - Adding PDF Renderer](#) 83 | 84 | ## Hacktoberfest 2022 85 | * [Refine Joins the Hacktoberfest Fun](https://refine.dev/blog/hacktoberfest-refine/) 86 | ## Learning Resources 87 | ### Getting Started 88 | * [Interactive Refine Tutorial](https://refine.dev/docs/tutorial/introduction/index/) (Official) 89 | * [Quick Start Guide](https://refine.dev/docs/getting-started/quickstart/) (Official) 90 | * [Refine Overview](https://refine.dev/docs/getting-started/overview/) (Official) 91 | * [Comparison](https://refine.dev/docs/comparison/) (Official) 92 | * [General Concepts](https://refine.dev/docs/api-reference/general-concepts/) (Official) 93 | * [Refine Frequently Asked Questions](https://refine.dev/docs/faq/) (Official) 94 | * [Refine Contributing Guide](https://refine.dev/docs/contributing/) (Official) 95 | * [Benchmarks](https://refine.dev/docs/further-readings/benchmarks/) (Official) 96 | * [Examples](https://refine.dev/examples/) (Official) 97 | * [Integrations](https://refine.dev/integrations/) (Official) 98 | 99 | ### Videos 100 | * [Build and Deploy a React Admin Dashboard With Real time Data using Refine](https://www.youtube.com/watch?v=6a3Dz8gwjdg) 101 | * [Build React CRUD Admin panel with Ant Design & refine](https://www.youtube.com/watch?v=eDcxcTSQJaA&ab_channel=DipeshMalvia) 102 | * [Build and Deploy a Full Stack MERN Application with refine](https://www.youtube.com/watch?v=k4lHXIzCEkM&t=2242s) 103 | 104 | ### Advanced Examples 105 | * CRM Application - [Demo](https://example.crm.refine.dev/) - [Source](https://github.com/refinedev/refine/tree/master/examples/app-crm) 106 | * Refine SWAG Store - [Demo](https://store.refine.dev/) - [Source](https://github.com/refinedev/refine/tree/next/examples/store) 107 | * Finefoods Admin Panel [Ant Design] - [Demo](https://example.admin.refine.dev/) - [Source](https://github.com/refinedev/refine/tree/master/examples/fineFoods/admin/antd) 108 | * Finefoods Admin Panel [Material UI] - [Demo](https://example.mui.admin.refine.dev/) - [Source](https://github.com/refinedev/refine/tree/master/examples/fineFoods/admin/mui) 109 | * Finefoods Storefront - [Demo](https://example.refine.dev/) - [Source](https://github.com/refinedev/refine/tree/master/examples/fineFoods/client) 110 | * RealWorld Example - [Demo](https://refine.dev/docs/examples/real-world-refine-example/) - [Source](https://github.com/refinedev/refine/tree/master/examples/real-world-example) 111 | * Win95 Style Admin Panel - [Blog](https://refine.dev/blog/awesome-react-windows95-ui-with-refine/) - [Demo](https://win95.refine.dev/) - [Source](https://github.com/refinedev/refine/tree/master/examples/blog/win95) 112 | * Invoice Generator App - [Blog](https://refine.dev/templates/react-pdf-invoice-generator/) - [Demo](https://invoice-generator.refine.dev/) - [Source](https://github.com/refinedev/refine/tree/master/examples/invoicer) 113 | * Multi-Tenancy Example - [Appwrite](https://refine.dev/docs/advanced-tutorials/multi-tenancy/appwrite/) - [Strapi](https://refine.dev/docs/advanced-tutorials/multi-tenancy/strapi-v4/) 114 | * Refine PIXELS! - [Demo](https://refine-pixels.vercel.app/canvases) - [Source](https://github.com/aliemir/refine-pixels) 115 | 116 | ### Articles 117 | * [Building a React PDF Invoice Generator App with Refine](https://www.digitalocean.com/community/developer-center/building-a-react-pdf-invoice-generator-app-with-refine-and-deploying-to-digitalocean-s-app-platform) 118 | * [Building a B2B React CRM App with Refine](https://www.digitalocean.com/community/developer-center/building-crm-with-refine-and-digitalocean) 119 | * [Building a CRUD app with Shadcn UI and Refine](https://refine.dev/blog/shadcn-ui/) 120 | * [Build Access Control Mechanism using Permify in Refine app](https://refine.dev/blog/access-control/) 121 | * [Using React Hot Toast as a Notification Provider in Refine app](https://refine.dev/blog/react-hot-toast/) 122 | * [Building a Complete React CRM App with Refine, Ant Design and GraphQL](https://refine.dev/blog/react-crm-with-refine/) 123 | * [Building React admin panel with NextUI and Refine](https://refine.dev/blog/next-ui-react-admin-panel/) 124 | * [Building a React Admin Panel with Refine and daisyUI](https://refine.dev/blog/daisy-ui-react-admin-panel/) 125 | * [React-admin vs Refine - Which React Framework is Best for B2B Apps?](https://refine.dev/blog/react-admin-vs-refine/) 126 | * [Building a React Admin Panel with PrimeReact and Refine](https://refine.dev/blog/building-react-admin-panel-with-primereact-and-refine/) 127 | * [Building a React Admin Dashboard with Tremor Library](https://refine.dev/blog/building-react-admin-dashboard-with-tremor/) 128 | * [Building a React Admin Dashboard with Refine](https://refine.dev/blog/building-react-admin-dashboard/) 129 | * [Using React Hot Toast as a Notification Provider for Refine apps](https://refine.dev/blog/react-hot-toast) 130 | * [Refine vs Blitz.js](https://refine.dev/blog/react-admin-frameworks-refine-vs-blitz-js/) 131 | * [React Admin Panel Tutorial with Refine, Chakra UI and Strapi](https://refine.dev/blog/react-admin-tutorial/) 132 | * [How to Build a React Admin Panel with Mantine and Strapi](https://refine.dev/blog/react-admin-panel/) 133 | * [Refine vs RedwoodJS](https://refine.dev/blog/refine-vs-redwood-js/) 134 | * [Building a Complete React CRUD App with Airtable](https://refine.dev/blog/react-crud-app-airtable/) 135 | * [Dynamic Forms with React Hook Form in Refine](https://refine.dev/blog/dynamic-forms-in-react-hook-form/) 136 | * [How to Create Dynamic Forms in React CRUD app with Ant Design](https://refine.dev/blog/react-crud-app-with-dynamic-form-ant-design/) 137 | * [React Hook Form Validation with Complete Examples](https://refine.dev/blog/react-hook-form-validation-examples/) 138 | * [OTP Authentication with Supabase and Twilio in React](https://refine.dev/blog/supabase-twilio-otp-authentication-in-react/) 139 | * [Build a Progressive Web App (PWA) with Next.js](https://refine.dev/blog/next-js-pwa/) 140 | * [Creating a React search bar and content filtering components](https://refine.dev/blog/react-search-bar-and-filtering/) 141 | * [Building a CRUD app with Material UI and Strapi in React](https://refine.dev/blog/build-admin-panel-with-material-ui-and-strapi/) 142 | * [How to Create Full Stack React/Next.JS Web App in Few Hour](https://refine.dev/blog/create-full-stack-app-with-refine/) 143 | * [How to Multipart File Upload Using FormData with React Hook Form](https://refine.dev/blog/how-to-multipart-file-upload-with-react-hook-form/) 144 | * [We are going back to 1995!](https://refine.dev/blog/awesome-react-windows95-ui-with-refine/) 145 | * [Develop your Own Customizable Invoice Generator with Refine and Strapi | Part I](https://refine.dev/blog/refine-react-admin-invoice-genarator/) 146 | * [Building an Customizable Invoice Generator App with Refine, Strapi & Ant Design | Part II](https://refine.dev/blog/refine-invoice-generator/) 147 | * [Create Full Featured Admin Panel with React and Ant Design](https://refine.dev/blog/refine-react-ant-design-admin-panel-framework/) 148 | * [Refine vs react-admin Which is Better for Your Project](https://refine.dev/blog/refine-vs-react-admin/) 149 | * [Refine vs AdminBro - Comparison Admin Panel Framework](https://refine.dev/blog/refine-vs-adminbro/) 150 | * [Create Your Easy Customizable Internal Issue Tracker With Refine and Supabase](https://refine.dev/blog/customizable-issue-tracker-with-refine-and-supabase/) 151 | * [Migrating a react-admin Application to Refine](https://refine.dev/blog/migrating-a-react-admin-application-to-refine/) 152 | * [Build Fast and Customizable Admin Panel with NestJS](https://refine.dev/blog/customizable-admin-panel-with-nestjs/) 153 | 154 | ## Showcase (Built with Refine 🎉) 155 | * [The starter based on hexagonal architecture | Scale Safe](https://scalesafe.app/?utm_source=awesome-refine&utm_medium=catalog) 156 | 157 | ## Inspiration 158 | 159 | * [Refine Joins the Hacktoberfest Fun](https://refine.dev/blog/hacktoberfest-refine/) 160 | * [Refine swag store is now open!](https://refine.dev/blog/refine-swag-store/) 161 | * [We’ve raised $1M in Seed Funding! 🚀 🚀 🚀](https://refine.dev/blog/weve-raised-dollar1m-seed-funding/) 162 | * [The Advantages and Disadvantages of Working on Open Source Projects](https://refine.dev/blog/open-source-advantages-disadvantages/) 163 | 164 | ## Packages 165 | 166 | * [@refinedev/core](https://github.com/refinedev/refine/tree/next/packages/core) 167 | * [@refinedev/inferencer](https://github.com/refinedev/refine/tree/next/packages/inferencer) 168 | 169 | ### UI Frameworks 170 | * [@refinedev/antd](https://github.com/refinedev/refine/tree/next/packages/antd) 171 | * [@refinedev/mui](https://github.com/refinedev/refine/tree/next/packages/mui) 172 | * [@refinedev/mantine](https://github.com/refinedev/refine/tree/next/packages/mantine) 173 | * [@refinedev/chakra-ui](https://github.com/refinedev/refine/tree/next/packages/chakra-ui) 174 | * [@ferdiunal/refine-shadcn](https://github.com/ferdiunal/refine-shadcn) 175 | 176 | ### Data Providers 177 | * [@refinedev/simple-rest](https://github.com/refinedev/refine/tree/next/packages/simple-rest) 178 | * [@refinedev/graphql](https://github.com/refinedev/refine/tree/next/packages/graphql) 179 | * [@refinedev/nestjsx-crud](https://github.com/refinedev/refine/tree/next/packages/nestjsx-crud) 180 | * [@refinedev/strapi-v4](https://github.com/refinedev/refine/tree/next/packages/strapi-v4) 181 | * [@refinedev/strapi-graphql](https://github.com/refinedev/refine/tree/next/packages/strapi-graphql) (Strapi v3) 182 | * [@refinedev/strapi](https://github.com/refinedev/refine/tree/next/packages/graphql) (Strapi v3) 183 | * [@refinedev/supabase](https://github.com/refinedev/refine/tree/next/packages/supabase) 184 | * [@refinedev/hasura](https://github.com/refinedev/refine/tree/next/packages/hasura) 185 | * [@refinedev/appwrite](https://github.com/refinedev/refine/tree/next/packages/appwrite) 186 | * [@refinedev/medusa](https://github.com/refinedev/refine/tree/next/packages/medusa) 187 | * [@refinedev/airtable](https://github.com/refinedev/refine/tree/next/packages/airtable) 188 | 189 | 190 | ### Data Providers by the Community ❤️ 191 | * [refine-firebase](https://github.com/rturan29/refine-firebase) 192 | * [@tspvivek/refine-directus](https://github.com/tspvivek/refine-directus) 193 | * [refine-elide-rest](https://github.com/chirdeeptomar/refine-elide-rest) 194 | * [refine-elide-graphql](https://github.com/chirdeeptomar/refine-elide-graphql) 195 | * [ent-refine](https://github.com/diazoxide/entrefine) 196 | * [refine-hygraph](https://github.com/acomagu/refine-hygraph) 197 | * [refine-sanity](https://github.com/hirenf14/refine-sanity) 198 | * [refine-jsonapi](https://github.com/MahirMahdi/refine-jsonapi) 199 | * [refine-pocketbase](https://github.com/kruschid/refine-pocketbase) 200 | 201 | ### Router Provider 202 | * [@refinedev/react-router-v6](https://github.com/refinedev/refine/tree/next/packages/react-router-v6) 203 | * [@refinedev/nextjs-router](https://github.com/refinedev/refine/tree/next/packages/nextjs-router) 204 | * [@refinedev/remix-router](https://github.com/refinedev/refine/tree/next/packages/remix-router) 205 | 206 | #### Deprecated 207 | * [@pankod/refine-react-location](https://github.com/refinedev/refine/tree/next/packages/react-location) 208 | 209 | ### Live Provider 210 | * [@refinedev/ably](https://github.com/refinedev/refine/tree/next/packages/ably) 211 | 212 | ### Integrations 213 | * [@refinedev/kbar](https://github.com/refinedev/refine/tree/next/packages/kbar) 214 | * [@refinedev/react-table](https://github.com/refinedev/refine/tree/next/packages/react-table) 215 | * [@refinedev/react-hook-form](https://github.com/refinedev/refine/tree/next/packages/react-hook-form) 216 | 217 | ### Community Packages ❤️ 218 | * [data-provider-customizer](https://github.com/miyavsu-limited/data-provider-customizer) 219 | * [@refine-auth/kinde-react](https://github.com/hirenf14/refine-auth-kinde-react) 220 | 221 | 222 | 223 | ## Communities 224 | 225 | * [Refine Blog](https://refine.dev/blog/) (Official, global) 226 | * [Discord Server](https://discord.gg/refine) (Official, global) 227 | * [Twitter](https://twitter.com/refine_dev) (Official, global) 228 | * [Linkedin](https://www.linkedin.com/company/refine-dev) (Official, global) 229 | * [Reddit](https://www.reddit.com/r/refine) (Official, global) 230 | * [DEV Community](https://dev.to/refine) 231 | * [Hashnode Community](https://refine.hashnode.dev/) 232 | * [Stack Overflow](https://stackoverflow.com/questions/tagged/refinejs) 233 | 234 | You can also find the [Refine Topic on GitHub](https://github.com/topics/refine)! 235 | --------------------------------------------------------------------------------