floeui v0.0.42

FloeUI

💅 An adaptation of the DaisyUI Tailwind plugin for UnoCSS

Installation

# add dependency to your current setup
pnpm install -D floeui unocss

Usage

To create a production version of your app:

// unocss.config.ts
import {
	defineConfig,
	presetUno,
	presetIcons,
	presetAttributify,
	transformerDirectives,
	transformerAttributifyJsx
} from 'unocss';

import presetFloe from 'floeui';

export default defineConfig({
	transformers: [transformerDirectives(), transformerAttributifyJsx()],
	presets: [
		presetUno(),
		presetAttributify(),
		presetIcons({
			scale: 1.3
		}),
		presetFloe()
	]
});

📁 List of components

• Actions

  • Button
  • Dropdown
  • Modal
  • Swap

• Data display

  • Alert
  • Avatar
  • Badge
  • Banner
  • Calendar
  • Card
  • Carousel
  • Chat bubble
  • Collapse
  • Comment
  • Countdown
  • Empty placeholder
  • Kbd
  • Loading
  • Progress & Radial
  • Stat
  • Table
  • Tag
  • Timeline
  • Toast
  • Tooltip
  • Treeview

• Data input

  • Checkbox
  • Text input
  • Radio
  • Range
  • Rating
  • Select
  • Textarea
  • Toggle
  • Upload

• Layout

  • Artboard
  • Button group
  • Divider
  • Drawer
  • Footer
  • Hero
  • Indicator
  • Input group
  • Mask
  • Stack

• Navigation

  • Bottom Navigation
  • Breadcrumbs
  • Link
  • Menu
  • Navbar
  • Pagination
  • Steps
  • Tab

• Mockup

  • Browser
  • Code
  • Phone
  • Window