@refinedev/chakra-ui
TypeScript icon, indicating that this package has built-in type declarations

2.27.4 • Public • Published


w

refine is an open-source, headless React framework for developers building enterprise internal tools, admin panels, dashboards, B2B applications.

It eliminates repetitive tasks in CRUD operations and provides industry-standard solutions for critical project components like authentication, access control, routing, networking, state management, and i18n.

Chakra UI integration for refine

Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.

refine is headless by design, offering unlimited styling and customization options. Moreover, refine ships with ready-made integrations for Ant Design, Material UI, Mantine, and Chakra UI for convenience.

refine has connectors for 15+ backend services, including REST API, GraphQL, and popular services like Airtable, Strapi, Supabase, Firebase, and NestJS.

Installation & Usage

npm install @refinedev/chakra-ui @chakra-ui/react @emotion/react @emotion/styled framer-motion
import { ThemedLayoutV2 } from "@refinedev/chakra-ui";
import { ChakraProvider } from "@chakra-ui/react";

const App = () => {
  return (
    <ChakraProvider>
      <Refine
      /* ... */
      >
        <ThemedLayoutV2>{/* ... */}</ThemedLayoutV2>
      </Refine>
    </ChakraProvider>
  );
};

Documentation

Readme

Keywords

none

Package Sidebar

Install

npm i @refinedev/chakra-ui

Weekly Downloads

1,305

Version

2.27.4

License

MIT

Unpacked Size

2.4 MB

Total Files

225

Last publish

Collaborators

  • aliemirsen
  • willico
  • alicanerdurmaz
  • pankodbot
  • omerfarukaplak