ra-ui-tailwind

UI Components for react-admin with Tailwind CSS.

This package provides a Tailwind CSS-based alternative to the Tailwind CSS components used by default in react-admin.

Features

• Lightweight styling with Tailwind CSS utilities
• Fully accessible components using Headless UI
• Dark mode support
• Responsive design
• Customizable theme via Tailwind configuration

Installation

npm install ra-ui-tailwind
# or
yarn add ra-ui-tailwind

Usage

Replace the default Tailwind CSS components with Tailwind-based ones:

import { Admin, Resource } from 'react-admin';
import { Layout } from 'ra-ui-tailwind';
import dataProvider from './dataProvider';

const App = () => (
    <Admin layout={Layout} dataProvider={dataProvider}>
        <Resource name="posts" />
    </Admin>
);

Development Status

This package is currently under development as a replacement for ra-ui-tailwind.