Refine
A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.
Overview
refine is a React-based framework that focuses on rapid web application development. It offers solutions for common challenges in web development, such as authentication, access control, routing, networking, state management, and i18n. The framework is designed to be customizable and works well with any custom design or UI framework. It also provides ready-made integrations for popular UI frameworks like Ant Design System, Material UI, Mantine, and Chakra UI. refine is a headless framework, which means it provides helper hooks, components, and providers that can be used with any UI components and business logic. It is suitable for data-intensive applications like admin panels, dashboards, internal tools, and even customer-facing applications with built-in SSR support.
Features
- Zero-config, one-minute setup with a single CLI command
- Connectors for 15+ backend services including REST API, GraphQL, NestJs CRUD, Airtable, Strapi, Strapi v4, Strapi GraphQL, Supabase, Hasura, Appwrite, Firebase, and Directus
- SSR support with Next.js or Remix
- Auto-generated CRUD UIs from your API data structure
- Perfect state management & mutations with React Query
- Advanced routing with any router library of your choice
- Providers for seamless authentication and access control flows
- Out-of-the-box support for live / real-time applications
- Easy audit logs & document versioning
- Support for any i18n framework
- Future-proof, robust architecture
- Built-in CLI with time-saving features
- Full test coverage
- Nest
A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications with TypeScript/JavaScript.
- Next.js
Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Ant Design
Ant Design is a React UI library that provides a set of pre-designed components and design resources for building high-quality, responsive web applications.
- Dashboard
A dashboard style website template is a pre-designed layout that features a user interface resembling a control panel or dashboard. It typically includes charts, graphs, tables, and other data visualization tools that allow users to monitor and analyze data in real-time.
- Graphql
A website that uses GraphQL as a query language to manage data fetching and state management. This includes features such as a strongly typed schema, client-side caching, and declarative data fetching to streamline data management and optimize website performance.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
