Frui-tailwind NPM

Free React UI (FRUI)

A collection of vanilla react and tailwind components, fields and output formats written in typescript.

Checkout the Examples

Install

$ npm install frui-tailwind

After you install frui-tailwind, open tailwind.config.js and add the frui location in the content section.

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    //...
    './node_modules/frui-tailwind/**/*.{jsx,tsx}'
    //...
  ],
  //...
}

Usage

Tailwind components in frui-tailwind have been written from the ground up and you can importing components like the following.

import { Alert, Badge } from 'frui-tailwind';
import { Input, Password } from 'frui-tailwind/fields';
import { HTML, Markdown } from 'frui-tailwind/formats';
//or
import Table, { Thead, Trow, Tcol } from 'frui-tailwind/Table';
import Select from 'frui-tailwind/fields/Select';
import Email from 'frui-tailwind/formats/Email';