Skip to main content
🧙‍♂️ refine grants your wishes! Please give us a ⭐️ on GitHub to keep the magic going.
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
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, 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 GraphQL data provider. Supports GraphQL Subscriptions for live/realtime projects.
Nestjs-Query
Consume GraphQL API's built with Nestjs-Query.
Nhost
Nhost data provider. Supports GraphQL Subscriptions for live/realtime projects.
Appwrite
Appwrite data provider. Supports Appwrite Realtime for live/realtime projects.
Airtable
Use Airtable as backend service.
Medusa
Medusa connector for your e-commerce projects.
Strapi - GraphQL
Strapi connector for GraphQL API.
Firebase
Support for Firebase services.
Directus
Connector for backends created with Directus
Elide Data Provider
Connector for backends created with Elide
Elide GraphQL Data Provider
Connector for GraphQL backends created with Elide
useGenerated Data Provider
Connector for backends created with useGenerated (GraphQL)
Hygraph Data Provider
Connector for backends created with Hygraph (GraphQL)
Frameworks
Next.js
Router Provider for Next.js
Remix
Router Provider for Remix
Integrations
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.
kbar 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
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
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)
refine is a React-based framework for the rapid development of web applications. It eliminates the repetitive tasks demanded by CRUD operations and provides industry standard solutions.
refine - 100% open source React framework to build web apps 3x faster | Product Hunt
Resources
Getting StartedTutorialsBlogReact Admin Panel
Product
ExamplesIntegrations
Company
AboutStorePrivacy PolicyLicense
Contact
Refine Development Inc.
256 Chapman Road STE 105-4
Newark, DE 19702

info@refine.dev
© 2023, refine from San Francisco to wherever you're with
Join us on