bonefirecode

Vue 3 component library with bfc-* design tokens and Tailwind CSS.

Install

npm install bonefirecode

Peer dependency: Vue ^3.5

Usage

import { Button, DatePicker, toast, ToastViewport } from 'bonefirecode'
import 'bonefirecode/style.css'

<script setup lang="ts">
import { Button, DatePicker, toast, ToastViewport } from 'bonefirecode'
</script>

<template>
  <ToastViewport />
  <Button>Save</Button>
  <DatePicker v-model="date" />
</template>

Theme

Default palette is Amaterasu. Enable dark mode with the dark class on html.

CSS custom properties use the --bfc-* prefix (e.g. --bfc-primary, --bfc-background).

License

MIT