Repolode
Предложить
refinedev

refinedev/refine

Headless React-метафреймворк для создания админ-панелей, дашбордов и внутренних инструментов с большим количеством CRUD-операций.

Open source альтернатива:RetoolAppsmith

Открыть на GitHubСайт
Звёзды
35,913
Форки
3,251
Открытые issues
49
Последний коммит
в прошлом месяце

Что это?

Refine — React-метафреймворк для веб-приложений с большим количеством CRUD-операций: админ-панелей, дашбордов, внутренних инструментов и B2B-приложений. Он занимает промежуточное положение между low-code-конструкторами и разработкой с нуля: хуки и компоненты Refine берут на себя типовые задачи — аутентификацию, контроль доступа, маршрутизацию, получение данных, управление состоянием и i18n, — а UI вы выбираете сами.

Благодаря headless-архитектуре бизнес-логика не зависит от представления. В Refine встроена поддержка Ant Design, Material UI, Mantine и Chakra UI; его также можно использовать с собственным дизайном, например на Tailwind CSS. Маршрутизация абстрагирована через интерфейс роутера, поэтому Refine работает с Next.js, Remix, React Router и React Native. Для Next.js и Remix предусмотрена поддержка SSR.

Для доступа к данным есть коннекторы к более чем 15 бэкендам, включая REST API, GraphQL, NestJS CRUD, Supabase, Strapi, Hasura, Appwrite, Firebase, Sanity и Directus. Работа с данными построена на React Query.

Ключевые возможности

  • 01Headless-хуки и компоненты для аутентификации, контроля доступа, маршрутизации, сетевых запросов и i18n
  • 02Коннекторы к более чем 15 бэкендам, включая REST, GraphQL, Supabase, Strapi и Firebase
  • 03Встроенная поддержка Ant Design, Material UI, Mantine и Chakra UI, а также возможность использовать собственные стили
  • 04Поддержка SSR с Next.js и Remix, а также совместимость маршрутизации с разными библиотеками роутеров
  • 05Получение и изменение данных на React Query, а также поддержка live-обновлений в реальном времени

Сценарии использования

  • Создание внутренних инструментов и админ-панелей поверх существующего REST- или GraphQL API
  • Разработка B2B-дашбордов с ролевым контролем доступа
  • Быстрое создание CRUD-приложений с готовой UI-библиотекой, например Ant Design или MUI
  • Разработка приложений с большим объёмом данных для конечных пользователей, например интернет-магазинов с SSR

Быстрый старт

  1. 1

    Создайте новый проект с помощью генератора create-refine-app

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

Что важно знать

  • Для эффективного использования необходимы стек на основе React и знание TypeScript.
  • Решение построено вокруг React Query и CRUD-паттернов, поэтому оно хуже подходит для приложений, не связанных с CRUD.

Темы

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

Частые вопросы

Что такое refine?
Headless React-метафреймворк для создания админ-панелей, дашбордов и внутренних инструментов с большим количеством CRUD-операций. Refine — React-метафреймворк для веб-приложений с большим количеством CRUD-операций: админ-панелей, дашбордов, внутренних инструментов и B2B-приложений. Он занимает промежуточное положение между low-code-конструкторами и разработкой с нуля: хуки и компоненты Refine берут на себя типовые задачи — аутентификацию, контроль доступа, маршрутизацию, получение данных, управление состоянием и i18n, — а UI вы выбираете сами.
refine можно использовать бесплатно? Какая у него лицензия?
refine распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
refine всё ещё поддерживается?
Обновлялся за последние 6 месяцев. Последний коммит в refine — 10 сент. 2026 г..
Для чего можно использовать refine?
Создание внутренних инструментов и админ-панелей поверх существующего REST- или GraphQL API Разработка B2B-дашбордов с ролевым контролем доступа Быстрое создание CRUD-приложений с готовой UI-библиотекой, например Ant Design или MUI Разработка приложений с большим объёмом данных для конечных пользователей, например интернет-магазинов с SSR
Как установить refine?
Создайте новый проект с помощью генератора create-refine-app: npm create refine-app@latest my-refine-app
Где скачать refine?
Исходный код и инструкции по установке — на GitHub: https://github.com/refinedev/refine

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

ToolJet / ToolJet

Платформа с открытым исходным кодом для создания внутренних инструментов, дашбордов и рабочих процессов на основе существующих баз данных и API — с самостоятельным размещением или в облаке.

Инструменты разработчика#low-code#internal-tools#dashboard
41,1 тыс.5,5 тыс.HTMLAGPL-3.0Обновлён 21 час назад

xyflow / xyflow

Открытые библиотеки для React и Svelte, позволяющие создавать интерактивные интерфейсы на основе узлов: блок-схемы, графы и редакторы рабочих процессов.

Фронтенд и UI#react#svelte#flowchart
38,7 тыс.2,6 тыс.TypeScriptMITОбновлён 15 часов назад