Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/refinedev/awesome-refine

Carefully curated list of awesome refine resources 🍕
https://github.com/refinedev/awesome-refine

List: awesome-refine

Last synced: 3 months ago
JSON representation

Carefully curated list of awesome refine resources 🍕

Awesome Lists containing this project

README 

        




  



  










    Home Page |

    Documentation |

    Examples |

    Discord |

    Blog












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.














[![Awesome](https://github.com/refinedev/awesome-refine/raw/main/images/badge.svg)](https://github.com/refinedev/awesome-refine)

[![OpenSSF Best Practices](https://www.bestpractices.dev/projects/8101/badge)](https://www.bestpractices.dev/projects/8101)

[![npm version](https://img.shields.io/npm/v/@refinedev/core.svg)](https://www.npmjs.com/package/@refinedev/core)

[![Contributor Covenant](https://img.shields.io/badge/Contributor%20Covenant-2.0-4baaaa.svg)](CODE_OF_CONDUCT.md)



[![Discord](https://img.shields.io/discord/837692625737613362.svg?label=&logo=discord&logoColor=ffffff&color=7389D8&labelColor=6A7EC2)](https://discord.gg/refine)

[![Twitter Follow](https://img.shields.io/twitter/follow/refine_dev?style=social)](https://twitter.com/refine_dev)










## Try Refine

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. 



## Refine devtools 💡



[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.



## Announcements and Official Blog Posts

* [Refine Investment Announcement](https://refine.dev/blog/refine-investment-announcement/)

* [Announcing the Refine Open Source Hackathon 2 Winners](https://refine.dev/blog/refine-hackathon-2-winners/)

* [Refine Open Source Hackathon 2](https://refine.dev/blog/refine-hackathon-2/)

* [refine.new - The Fastest Way to Create refine Apps](https://refine.dev/blog/what-is-refine-new/)

* [Announcing the Release of refine v4!](https://refine.dev/blog/refine-v4-announcement/)

* [Refine Open Source Hackathon](https://refine.dev/blog/refine-hackathon/) 

* [Refine Joins the Hacktoberfest Fun](https://refine.dev/blog/hacktoberfest-refine/)

* [Refine swag store is now open!](https://refine.dev/blog/refine-swag-store/)

* [We’ve raised $1M in Seed Funding! 🚀 🚀 🚀](https://refine.dev/blog/weve-raised-dollar1m-seed-funding/)

* [Become a Refine guest technical writer](https://refine.dev/blog/refine-writer-program/)



### RefineWeek ft. Supabase 🍕 

* [Day 1 - Pilot & refine architecture](https://refine.dev/blog/refine-pixels-1/)

* [Day 2 - Setting Up the Client App](https://refine.dev/blog/refine-pixels-2/)

* [Day 3 - Adding CRUD Actions & Authentication](https://refine.dev/blog/refine-pixels-3/)

* [Day 4 - Adding Realtime Collaboration](https://refine.dev/blog/refine-pixels-4/)

* [Day 5 - Initialize and Build Pixels Admin App](https://refine.dev/blog/refine-pixels-5/)

* [Day 6 - Add Role Based Authorization](https://refine.dev/blog/refine-pixels-6/)

* [Day 7 - Implementing Audit Logs](https://refine.dev/blog/refine-pixels-7/)



### RefineWeek ft. Strapi 🌱



* [Day 1 - Pilot & refine architecture](https://refine.dev/blog/refine-react-invoice-generator-1)

* [Day 2 - Setting Up the Invoicer App](https://refine.dev/blog/refine-react-invoice-generator-2)

* [Day 3 - Adding CRUD Actions & Views](#)

* [Day 4 - Creating Mission and Invoices Pages](#)

* [Day 5 - Adding PDF Renderer](#)



## Hacktoberfest 2022

* [Refine Joins the Hacktoberfest Fun](https://refine.dev/blog/hacktoberfest-refine/)

## Learning Resources

### Getting Started

* [Interactive Refine Tutorial](https://refine.dev/docs/tutorial/introduction/index/) (Official)

* [Quick Start Guide](https://refine.dev/docs/getting-started/quickstart/) (Official)

* [Refine Overview](https://refine.dev/docs/getting-started/overview/) (Official)

* [Comparison](https://refine.dev/docs/comparison/) (Official)

* [General Concepts](https://refine.dev/docs/api-reference/general-concepts/) (Official)

* [Refine Frequently Asked Questions](https://refine.dev/docs/faq/) (Official)

* [Refine Contributing Guide](https://refine.dev/docs/contributing/) (Official)

* [Benchmarks](https://refine.dev/docs/further-readings/benchmarks/) (Official)

* [Examples](https://refine.dev/examples/) (Official)

* [Integrations](https://refine.dev/integrations/) (Official)



### Videos

* [Build and Deploy a React Admin Dashboard With Real time Data using Refine](https://www.youtube.com/watch?v=6a3Dz8gwjdg)

* [Build React CRUD Admin panel with Ant Design & refine](https://www.youtube.com/watch?v=eDcxcTSQJaA&ab_channel=DipeshMalvia)

* [Build and Deploy a Full Stack MERN Application with refine](https://www.youtube.com/watch?v=k4lHXIzCEkM&t=2242s)



### Advanced Examples

* CRM Application - [Demo](https://example.crm.refine.dev/) - [Source](https://github.com/refinedev/refine/tree/master/examples/app-crm)

* Refine SWAG Store - [Demo](https://store.refine.dev/) - [Source](https://github.com/refinedev/refine/tree/next/examples/store)

* Finefoods Admin Panel [Ant Design] - [Demo](https://example.admin.refine.dev/) - [Source](https://github.com/refinedev/refine/tree/master/examples/fineFoods/admin/antd)

* Finefoods Admin Panel [Material UI] - [Demo](https://example.mui.admin.refine.dev/) - [Source](https://github.com/refinedev/refine/tree/master/examples/fineFoods/admin/mui)

* Finefoods Storefront - [Demo](https://example.refine.dev/) - [Source](https://github.com/refinedev/refine/tree/master/examples/fineFoods/client)

* RealWorld Example - [Demo](https://refine.dev/docs/examples/real-world-refine-example/) - [Source](https://github.com/refinedev/refine/tree/master/examples/real-world-example)

* 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)

* 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)

* Multi-Tenancy Example - [Appwrite](https://refine.dev/docs/advanced-tutorials/multi-tenancy/appwrite/) - [Strapi](https://refine.dev/docs/advanced-tutorials/multi-tenancy/strapi-v4/)

* Refine PIXELS! - [Demo](https://refine-pixels.vercel.app/canvases) - [Source](https://github.com/aliemir/refine-pixels)



### Articles

* [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)

* [Building a B2B React CRM App with Refine](https://www.digitalocean.com/community/developer-center/building-crm-with-refine-and-digitalocean)

* [Building a CRUD app with Shadcn UI and Refine](https://refine.dev/blog/shadcn-ui/)

* [Build Access Control Mechanism using Permify in Refine app](https://refine.dev/blog/access-control/)

* [Using React Hot Toast as a Notification Provider in Refine app](https://refine.dev/blog/react-hot-toast/)

* [Building a Complete React CRM App with Refine, Ant Design and GraphQL](https://refine.dev/blog/react-crm-with-refine/)

* [Building React admin panel with NextUI and Refine](https://refine.dev/blog/next-ui-react-admin-panel/)

* [Building a React Admin Panel with Refine and daisyUI](https://refine.dev/blog/daisy-ui-react-admin-panel/)

* [React-admin vs Refine - Which React Framework is Best for B2B Apps?](https://refine.dev/blog/react-admin-vs-refine/)

* [Building a React Admin Panel with PrimeReact and Refine](https://refine.dev/blog/building-react-admin-panel-with-primereact-and-refine/)

* [Building a React Admin Dashboard with Tremor Library](https://refine.dev/blog/building-react-admin-dashboard-with-tremor/)

* [Building a React Admin Dashboard with Refine](https://refine.dev/blog/building-react-admin-dashboard/)

* [Using React Hot Toast as a Notification Provider for Refine apps](https://refine.dev/blog/react-hot-toast)

* [Refine vs Blitz.js](https://refine.dev/blog/react-admin-frameworks-refine-vs-blitz-js/)

* [React Admin Panel Tutorial with Refine, Chakra UI and Strapi](https://refine.dev/blog/react-admin-tutorial/)

* [How to Build a React Admin Panel with Mantine and Strapi](https://refine.dev/blog/react-admin-panel/)

* [Refine vs RedwoodJS](https://refine.dev/blog/refine-vs-redwood-js/)

* [Building a Complete React CRUD App with Airtable](https://refine.dev/blog/react-crud-app-airtable/)

* [Dynamic Forms with React Hook Form in Refine](https://refine.dev/blog/dynamic-forms-in-react-hook-form/)

* [How to Create Dynamic Forms in React CRUD app with Ant Design](https://refine.dev/blog/react-crud-app-with-dynamic-form-ant-design/)

* [React Hook Form Validation with Complete Examples](https://refine.dev/blog/react-hook-form-validation-examples/)

* [OTP Authentication with Supabase and Twilio in React](https://refine.dev/blog/supabase-twilio-otp-authentication-in-react/)

* [Build a Progressive Web App (PWA) with Next.js](https://refine.dev/blog/next-js-pwa/)

* [Creating a React search bar and content filtering components](https://refine.dev/blog/react-search-bar-and-filtering/)

* [Building a CRUD app with Material UI and Strapi in React](https://refine.dev/blog/build-admin-panel-with-material-ui-and-strapi/)

* [How to Create Full Stack React/Next.JS Web App in Few Hour](https://refine.dev/blog/create-full-stack-app-with-refine/)

* [How to Multipart File Upload Using FormData with React Hook Form](https://refine.dev/blog/how-to-multipart-file-upload-with-react-hook-form/)

* [We are going back to 1995!](https://refine.dev/blog/awesome-react-windows95-ui-with-refine/)

* [Develop your Own Customizable Invoice Generator with Refine and Strapi | Part I](https://refine.dev/blog/refine-react-admin-invoice-genarator/)

* [Building an Customizable Invoice Generator App with Refine, Strapi & Ant Design | Part II](https://refine.dev/blog/refine-invoice-generator/)

* [Create Full Featured Admin Panel with React and Ant Design](https://refine.dev/blog/refine-react-ant-design-admin-panel-framework/)

* [Refine vs react-admin Which is Better for Your Project](https://refine.dev/blog/refine-vs-react-admin/)

* [Refine vs AdminBro - Comparison Admin Panel Framework](https://refine.dev/blog/refine-vs-adminbro/)

* [Create Your Easy Customizable Internal Issue Tracker With Refine and Supabase](https://refine.dev/blog/customizable-issue-tracker-with-refine-and-supabase/)

* [Migrating a react-admin Application to Refine](https://refine.dev/blog/migrating-a-react-admin-application-to-refine/)

* [Build Fast and Customizable Admin Panel with NestJS](https://refine.dev/blog/customizable-admin-panel-with-nestjs/)



## Showcase (Built with Refine 🎉)

* [The starter based on hexagonal architecture | Scale Safe](https://scalesafe.app/?utm_source=awesome-refine&utm_medium=catalog)



## Inspiration



* [Refine Joins the Hacktoberfest Fun](https://refine.dev/blog/hacktoberfest-refine/)

* [Refine swag store is now open!](https://refine.dev/blog/refine-swag-store/)

* [We’ve raised $1M in Seed Funding! 🚀 🚀 🚀](https://refine.dev/blog/weve-raised-dollar1m-seed-funding/)

* [The Advantages and Disadvantages of Working on Open Source Projects](https://refine.dev/blog/open-source-advantages-disadvantages/)



## Packages



* [@refinedev/core](https://github.com/refinedev/refine/tree/next/packages/core)

* [@refinedev/inferencer](https://github.com/refinedev/refine/tree/next/packages/inferencer)



### UI Frameworks

* [@refinedev/antd](https://github.com/refinedev/refine/tree/next/packages/antd)

* [@refinedev/mui](https://github.com/refinedev/refine/tree/next/packages/mui)

* [@refinedev/mantine](https://github.com/refinedev/refine/tree/next/packages/mantine)

* [@refinedev/chakra-ui](https://github.com/refinedev/refine/tree/next/packages/chakra-ui)



### Data Providers

* [@refinedev/simple-rest](https://github.com/refinedev/refine/tree/next/packages/simple-rest)

* [@refinedev/graphql](https://github.com/refinedev/refine/tree/next/packages/graphql)

* [@refinedev/nestjsx-crud](https://github.com/refinedev/refine/tree/next/packages/nestjsx-crud)

* [@refinedev/strapi-v4](https://github.com/refinedev/refine/tree/next/packages/strapi-v4)

* [@refinedev/strapi-graphql](https://github.com/refinedev/refine/tree/next/packages/strapi-graphql) (Strapi v3)

* [@refinedev/strapi](https://github.com/refinedev/refine/tree/next/packages/graphql) (Strapi v3)

* [@refinedev/supabase](https://github.com/refinedev/refine/tree/next/packages/supabase)

* [@refinedev/hasura](https://github.com/refinedev/refine/tree/next/packages/hasura)

* [@refinedev/appwrite](https://github.com/refinedev/refine/tree/next/packages/appwrite)

* [@refinedev/medusa](https://github.com/refinedev/refine/tree/next/packages/medusa)

* [@refinedev/airtable](https://github.com/refinedev/refine/tree/next/packages/airtable)



### Data Providers by the Community ❤️

* [refine-firebase](https://github.com/rturan29/refine-firebase)

* [@tspvivek/refine-directus](https://github.com/tspvivek/refine-directus)

* [refine-elide-rest](https://github.com/chirdeeptomar/refine-elide-rest)

* [refine-elide-graphql](https://github.com/chirdeeptomar/refine-elide-graphql)

* [ent-refine](https://github.com/diazoxide/entrefine)

* [refine-hygraph](https://github.com/acomagu/refine-hygraph)

* [refine-sanity](https://github.com/hirenf14/refine-sanity)

* [refine-jsonapi](https://github.com/MahirMahdi/refine-jsonapi)

* [refine-pocketbase](https://github.com/kruschid/refine-pocketbase)



### Router Provider

* [@refinedev/react-router-v6](https://github.com/refinedev/refine/tree/next/packages/react-router-v6)

* [@refinedev/nextjs-router](https://github.com/refinedev/refine/tree/next/packages/nextjs-router)

* [@refinedev/remix-router](https://github.com/refinedev/refine/tree/next/packages/remix-router)



#### Deprecated

* [@pankod/refine-react-location](https://github.com/refinedev/refine/tree/next/packages/react-location)



### Live Provider

* [@refinedev/ably](https://github.com/refinedev/refine/tree/next/packages/ably)



### Integrations

* [@refinedev/kbar](https://github.com/refinedev/refine/tree/next/packages/kbar)

* [@refinedev/react-table](https://github.com/refinedev/refine/tree/next/packages/react-table)

* [@refinedev/react-hook-form](https://github.com/refinedev/refine/tree/next/packages/react-hook-form)



### Community Packages ❤️

* [data-provider-customizer](https://github.com/miyavsu-limited/data-provider-customizer)

* [@refine-auth/kinde-react](https://github.com/hirenf14/refine-auth-kinde-react)



## Communities



* [Refine Blog](https://refine.dev/blog/) (Official, global)

* [Discord Server](https://discord.gg/refine) (Official, global)

* [Twitter](https://twitter.com/refine_dev) (Official, global)

* [Linkedin](https://www.linkedin.com/company/refine-dev) (Official, global)

* [Reddit](https://www.reddit.com/r/refine) (Official, global)

* [DEV Community](https://dev.to/refine)

* [Hashnode Community](https://refine.hashnode.dev/)

* [Stack Overflow](https://stackoverflow.com/questions/tagged/refinejs)



You can also find the [Refine Topic on GitHub](https://github.com/topics/refine)!