rsc-daisyui v2.0.1

rsc-daisyui

• daisyUI components build with React, Typescript, TailwindCSS and TW CLASSED
• Simple components available in the React Server Component
• No useEffect, useState, etc and used.
• Support for daisyUI 5 and Tailwind CSS v4

Storybook

Next.js (Kitchen Sink)

rsc-daisyui 🌼

Install

Make sure you've installed TailwindCSS and daisyUI. Install the package with npm or yarn or pnpm:

npm

npm install rsc-daisyui

yarn

yarn add rsc-daisyui

pnpm

pnpm add rsc-daisyui

Add rsc-daisyui to app.css

@import "tailwindcss";
@plugin "daisyui";
@source "../../node_modules/rsc-daisyui/dist";

Quick Start

Import rsc-daisyui components within your component files:

import { Button } from "rsc-daisyui";

export default (props) => {
  return <Button color="primary">Click me!</Button>;
};

Components

Actions

Data display

Navigation

Feedback

Data input

Layout

Mockup

License

This project is licensed under the MIT License - see the LICENSE.md file for details.