Seamless integration with your
existing ecosystem.

List of packages to extend your Refine project with UI frameworks, backend
connectors and other powerful tools.

UI Framework Packages

Material UI

Material Ui Framework support. 20+ framework-specific hooks and components incl. DataGrid (+ Pro), AutoComplete, Menu, Layout, Notification and CRUD components.

Ant Design

Ant Design System UI Framework support. 20+ framework-specific hooks and components incl. Table, Form, Select, Menu, Layout, Notification and CRUD components.

Chakra UI

Chakra UI Framework support. 20+ framework-specific components incl. Layout, Feedback,AutoComplete, Layout, Notification and CRUD components.

Mantine UI

Mantine UI Framework support. 20+ framework-specific hooks and components incl. Table, Form, AutoComplete, Menu, Layout, Notification and CRUD components.

Data Provider Packages

REST API

Connect any custom REST API backend.

GraphQL

Connect any custom GraphQL backend.

NestJsX CRUD

Consume REST API's built with NestJs.

Strapi

Strapi connector for v4 REST API.

Supabase

Supabase data provider. Supports Supabase Realtime for live/realtime projects.

Hasura GraphQL

Hasura data provider. Supports GraphQL Subscriptions for live/realtime projects.

Nestjs-Query

Consume GraphQL API's built with Nestjs - Query.

Appwrite

Appwrite data provider. Supports Appwrite Realtime for live/realtime projects.

Airtable

Use Airtable as backend service.

Medusa

Medusa conector for your ecommerce projects.

Data Provider Packages by the Community ❤️

Directus Data Provider

Connector for backends created with Directus

Firebase Data Provider

Support for Firebase services.

Hygraph Data Provider

Connector for backends created with Hygraph (GraphQL)

Sanity Data Provider

Connector for backends created with Sanity

Elide Data Provider

Connector for backends created with Elide

Elide GraphQL Data Provider

Conector for GraphQl backends created by Elide

Ent refine

A library that generates fully customizable UI based on Entgo ORM and GraphQL API with Refine.

useGenerated Data Provider

Connector for backends created with useGenerated (GraphQL)

SQLite Data Provider

Connector for backends created with SQLite

JSON:API Data Provider

Connector for backends created with JSON:API

PocketBase Data Provider

Connector for backends created with PocketBase

Frameworks

Next.js

Router Provider for Next.js

Remix

Router Provider for Remix

Intergrations

React Table

React Table integration. Powerful tables & datagrids for your headless projects.

React Hook Form

React Hook Form integration. Extensible forms and validation for your projects.

Ckbar interface

Add command / crtrl+k interfaces to your project

Live Providers

Ably Live Provider

Ably support for for live/realtime projects.

Community Packages

DP Customizer

Mix & match different data providers

Kinde Auth Provider

Auth provider for Refine to integrate Kinde authentication

Shadcn UI

Shadcn UI integration. Table, Form, Layout, Notification and CRUD components.