Refine

Refine is an open-source React framework for building internal tools, admin panels, dashboards, and B2B apps with AI-assisted workflows. It helps teams connect existing backends, preview and edit apps in a web IDE, and export or publish the resulting code.

AI App Builder AI Website Builder No-Code & Low-Code

Visit Website

What Refine is

Refine is a framework for building internal tools, admin panels, dashboards, and B2B apps with a React-based workflow. The site positions it as an AI-assisted way to turn existing APIs or Supabase projects into production-grade applications without starting from a blank slate.

Its core workflow is to connect your data, let Refine analyze the backend, preview and modify the app in a web IDE, and then download or publish the resulting React code. The product is also presented as open source and aimed at teams that want control over security, deployment, and code ownership.

Core capabilities

Bring your own data source

Connect existing REST APIs or Supabase projects, then start with an app structure based on your current backend instead of starting from scratch.

Backend-aware planning

Refine analyzes the connected backend and creates a blueprint that guides AI agents toward code aligned with the data model.

Preview and modify in browser

Work in a web IDE to preview the app, make edits, and either use AI-assisted generation or inspect the code directly.

Pure React output

Export or publish the result as pure React code so the app is not locked into a proprietary runtime.

Enterprise security options

Support for enterprise controls includes self-hosting, identity provider support such as Okta, Azure AD, Amazon Cognito and Google Cloud Identity, and access control models including ACL, RBAC and ABAC.

Broad ecosystem integrations

The Core page lists integrations across many common services and app stacks, including Firebase, Airtable, Appwrite, Directus, Hasura, Strapi, Supabase, and multiple UI and routing packages.

Common use cases

Admin panels for existing systems
Build internal admin screens that connect to an existing REST API or Supabase backend, then refine the generated app before publishing.
Business operations tools
Create CRM, CMS, HR, customer operations, or project management tools with app structure tailored to business data and workflows.
AI-assisted app development
Use the web IDE to iterate on a React-based internal app with AI assistance, then inspect and adjust the code as needed.
Controlled enterprise deployment
Self-host or publish on your own infrastructure when you need tighter control over security, compliance, or deployment ownership.
Large-team support and governance
Choose an enterprise plan when you need SSO, dedicated support, data-training opt-out, or private Slack access with the vendor team.

Pros and Cons

Pros

Works with existing REST APIs and Supabase projects, which supports a backend-first workflow.
Produces pure React code, giving teams direct control over the app output.
Offers a browser-based web IDE for previewing and modifying builds.
Includes enterprise-oriented controls such as self-hosting, identity provider support, and ACL/RBAC/ABAC access control.
Has a published pricing structure with Starter, Pro, and Enterprise options.

Cons

The source does not show support for every backend or integration, so fit may depend on the connected systems.
Some capabilities are described at a high level on the marketing pages, so implementation detail is limited without consulting the docs.

FAQ

How does Refine’s workflow work?

Refine combines a React-based internal app framework with AI-assisted generation and editing. The workflow described on the site is: connect your data source, let Refine analyze the backend, preview and modify the app in a web IDE, then download the React code or publish it.

What kinds of apps is Refine meant to build?

The site presents Refine as suitable for internal tools, admin panels, dashboards, CRM and CMS platforms, HR systems, customer operations, and project tools. It is also positioned for enterprise developers who need security, access control, and deployment flexibility.

Does Refine have paid plans?

The pricing page shows Starter, Pro, and Enterprise plans. Starter is listed at $0.99/month with 300 credits/month, Pro at $20.00/month with 1,500 credits/month, and Enterprise as a custom-contact plan.

What integrations does Refine support?

The source mentions support for custom REST and GraphQL APIs, Supabase, and a broad integration list on the Core page that includes services such as Firebase, Airtable, Appwrite, Directus, Hasura, Strapi, and others.

Is the generated app code portable?

Refine’s Core page emphasizes that it produces pure React code and is open source, so users keep control of the codebase rather than relying on a black-box runtime.