Integrations | refine

Skip to main content

👀 Interested in the latest enterprise backend features of refine? 👉 Join now and get early access!

Seamless integration with your existing ecosystem.

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

UI Framework Packages

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

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

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

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 Data Provider

Connect any custom REST API backend.

GraphQL Data Provider

Connect any custom GraphQL backend.

NestJsX Crud Data Provider

Consume REST API's built with NestJs.

Strapi Data Provider

Strapi connector for v4 REST API.

Supabase Data Provider

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

Hasura GraphQL Data Provider

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

Nhost Data Provider

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

Appwrite Data Provider

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

Airtable Data Provider

Use Airtable as backend service.

Medusa Data Provider

Medusa connector for your e-commerce projects.

Strapi - GraphQL Data Provider

Strapi connector for GraphQL API.

Firebase Data Provider

Support for Firebase services.

Directus Data Provider

Connector for backends created with Directus

Elide Data Provider

Connector for backends created with Elide

bychirdeeptomar

useGenerated Data Provider

Connector for backends created with useGenerated (GraphQL)

Frameworks

Router Provider for Next.js

Router Provider for Remix

Integrations

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

React Hook Form

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

Add command / crtrl+k interfaces to your project.

Live Providers

Ably Live Provider

Ably support for for live/realtime projects.

Community Packages

Mix & match different data providers

Directus Data Provider

Connector for backends created with Directus

Firebase Data Provider

Support for Firebase services.

Elide Data Provider

Connector for backends created with Elide

bychirdeeptomar

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)