aicoolies logo
Refine logo
Refine logo

Refine

React meta-framework for enterprise CRUD apps

open-sourceopen sourceupdated Jun 2, 2026
Visit Website →
Share

Refine is an open-source React meta-framework for building data-intensive enterprise applications like admin panels, dashboards, and internal tools. Its headless architecture separates business logic from UI, supporting Ant Design, Material UI, Mantine, and Tailwind CSS. Connects to 15+ backends including REST, GraphQL, Supabase, Firebase, Strapi, and Hasura with built-in authentication and role-based access control. Deploys on Next.js, Remix, React Native, and Electron.

Refine is a React-based meta-framework designed to accelerate the development of data-heavy enterprise applications including admin panels, dashboards, and internal tools. Unlike traditional admin panel builders that lock developers into rigid UI patterns, Refine employs a headless architecture that completely decouples business logic from presentation. This allows teams to use any UI library — Ant Design, Material UI, Mantine, Chakra UI, or plain Tailwind CSS — while retaining auto-generated CRUD operations, form handling, and table management out of the box.

The framework connects seamlessly to over fifteen backend services through its data provider abstraction, supporting REST APIs, GraphQL endpoints, Supabase, Firebase, Strapi, Hasura, Appwrite, and custom backends. Built-in authentication and role-based access control handle common enterprise requirements without additional configuration. Refine leverages React Query for optimized data fetching with automatic caching, pagination, and real-time updates, significantly reducing boilerplate code that typically accompanies complex data management interfaces.

With 34,400 GitHub stars and MIT licensing, Refine has gained strong adoption among development teams building internal tools at scale. It supports deployment across Next.js, Remix, React Native, and Electron, making it versatile for web, mobile, and desktop applications from a single codebase. The framework provides CLI scaffolding, code generation, and comprehensive documentation that enables developers to ship production-ready admin interfaces in a fraction of the time required by building from scratch.

Pricing

Free and open source under MIT License

Platforms

Web, Next.js, Remix, React Native, Electron

Categories

Tags

Use Cases

Alternatives

Related Tools

Mitosis logo

Mitosis

Write components once and compile them into native code for multiple frameworks

Mitosis is Builder.io-backed open-source infrastructure for writing a component once and compiling it into native framework components for React, Vue, Angular, Svelte, Qwik, Solid, React Native, and other targets. It supports cross-framework design systems and Figma-to-code synchronization, but is distinct from the Builder.io visual builder product.

open-sourceOpen Source

Figma Console MCP

Turn a Figma design system into a programmable API for AI assistants

Figma Console MCP is open-source design-system infrastructure that exposes Figma to AI assistants through MCP. It supports structured extraction, design creation and editing, debugging, accessibility audits, and bidirectional design-token workflows across local, remote read-only, and paired cloud modes; it is not a generic one-click Figma-to-code exporter.

open-sourceOpen SourceTelemetry
OpenUI logo

OpenUI

Open-source UI generation from natural-language prompts

OpenUI is an Apache-2.0 design-to-code tool from W&B that turns natural-language interface prompts into live HTML previews and frontend code. Teams can run it locally or with Docker, connect OpenAI, Groq, LiteLLM-compatible providers, or Ollama, and export generated UI toward React, Svelte, Web Components, and related workflows. It fits rapid UI mockups where developers want editable code instead of screenshots.

open-sourceOpen SourceTelemetry
Figma MCP Server logo

Figma MCP Server

Official remote MCP server for design-to-code and write-to-canvas Figma workflows.

Figma MCP Server is Figma’s official remote Model Context Protocol surface for design-to-code agents. It gives supported clients structured design context, variables, components, selected-frame code context, Code Connect mappings, and beta write-to-canvas tools for creating or updating native Figma frames from an MCP client while keeping the workflow tied to Figma files.

freemiumTelemetry
OpenPencil logo

OpenPencil

AI-native open-source design editor and Figma alternative

OpenPencil is an AI-native, open-source design editor for teams that want a Figma-like canvas with source-visible code and experimental AI design workflows. It is best framed as OpenPencil by the open-pencil project, separate from the same-name ZSeven-W repo, and useful for early UI prototyping, design-to-code exploration, and open-source visual editing pilots.

open-sourceOpen Source

Talk to Figma MCP

Read/write MCP bridge between AI coding agents and Figma

Talk to Figma MCP is an MIT-licensed bridge from Grab that connects Cursor, Claude Code, and other MCP-capable agents to Figma through a local MCP server, WebSocket bridge, and Figma plugin. Unlike read-only context servers, it can inspect selections, create or modify nodes, update text in bulk, and automate design operations, so teams should review permissions before enabling write access.

open-sourceOpen SourceTelemetry