Repolode
Enviar
refinedev

refinedev/refine

Un meta-framework headless de React para crear paneles de administración, dashboards y herramientas internas con muchas operaciones CRUD.

Alternativa open source a:RetoolAppsmith

Ver en GitHubSitio web
Estrellas
35,913
Forks
3,251
Issues abiertos
49
Último commit
el mes pasado

¿Qué es?

Refine es un meta-framework de React para aplicaciones web con muchas operaciones CRUD, como paneles de administración, dashboards, herramientas internas y aplicaciones B2B. Se sitúa entre los creadores low-code y escribirlo todo desde cero: sus hooks y componentes se encargan de aspectos habituales como la autenticación, el control de acceso, el enrutamiento, la obtención de datos, la gestión del estado y la internacionalización, mientras tú decides cómo será la interfaz.

Como el núcleo es headless, la lógica de negocio está desacoplada de la presentación. Incluye compatibilidad integrada con Ant Design, Material UI, Mantine y Chakra UI, y puede usarse con diseños personalizados, como los de Tailwind CSS. El enrutamiento se abstrae mediante una interfaz de router, por lo que funciona con Next.js, Remix, React Router y React Native, e incluye compatibilidad con SSR para Next.js y Remix.

El acceso a los datos se proporciona mediante conectores para más de 15 backends, incluidas REST APIs, GraphQL, NestJS CRUD, Supabase, Strapi, Hasura, Appwrite, Firebase, Sanity y Directus. La gestión de datos se basa en React Query.

Funciones clave

  • 01Hooks y componentes headless para autenticación, control de acceso, enrutamiento, comunicaciones de red e internacionalización
  • 02Conectores para más de 15 backends, como REST, GraphQL, Supabase, Strapi y Firebase
  • 03Compatibilidad integrada con Ant Design, Material UI, Mantine y Chakra UI, o estilos personalizados
  • 04Compatibilidad con SSR en Next.js y Remix, y enrutamiento compatible con varias bibliotecas de router
  • 05Obtención y mutación de datos basadas en React Query, además de compatibilidad con datos en vivo y en tiempo real

Casos de uso

  • Crear herramientas internas y paneles de administración sobre una REST API o GraphQL API existente
  • Crear dashboards B2B con control de acceso basado en roles
  • Crear prototipos de aplicaciones CRUD rápidamente con una biblioteca de interfaz existente, como Ant Design o MUI
  • Crear aplicaciones con gran cantidad de datos para clientes, como tiendas en línea con SSR

Inicio rápido

  1. 1

    Crea un proyecto nuevo con el generador create-refine-app

    npm create refine-app@latest my-refine-app

Antes de usarlo

  • Para usarlo de forma eficaz, se necesita una pila basada en React y conocimientos de TypeScript.
  • Está diseñado en torno a React Query y los patrones CRUD, por lo que es menos adecuado para aplicaciones que no sean CRUD.

Temas

#react#crud#admin-panel#dashboard#headless#typescript#internal-tools#react-query#admin#admin-ui

Preguntas frecuentes

¿Qué es refine?
Un meta-framework headless de React para crear paneles de administración, dashboards y herramientas internas con muchas operaciones CRUD. Refine es un meta-framework de React para aplicaciones web con muchas operaciones CRUD, como paneles de administración, dashboards, herramientas internas y aplicaciones B2B. Se sitúa entre los creadores low-code y escribirlo todo desde cero: sus hooks y componentes se encargan de aspectos habituales como la autenticación, el control de acceso, el enrutamiento, la obtención de datos, la gestión del estado y la internacionalización, mientras tú decides cómo será la interfaz.
¿refine es gratuito? ¿Qué licencia tiene?
refine es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿refine sigue mantenido?
Actualizado en los últimos 6 meses. El último commit de refine fue el 10 sept 2026.
¿Para qué puedo usar refine?
Crear herramientas internas y paneles de administración sobre una REST API o GraphQL API existente Crear dashboards B2B con control de acceso basado en roles Crear prototipos de aplicaciones CRUD rápidamente con una biblioteca de interfaz existente, como Ant Design o MUI Crear aplicaciones con gran cantidad de datos para clientes, como tiendas en línea con SSR
¿Cómo se instala refine?
Crea un proyecto nuevo con el generador create-refine-app: npm create refine-app@latest my-refine-app
¿Dónde consigo refine?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/refinedev/refine

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados