@code-coaching/vuetiful v0.26.0

Vuetiful

A Vite based Vue3 component library - utilizing TailwindCSS.

TailwindCSS is added as a dependency in the consuming app, but is not mandatory to use.

Compatability

• Vite based Vue3 apps
• Vite based Quasar apps

Features

Components

Atoms

• Avatar
• Badge
• Button
• Conic Gradients
• Chip
• File Button
• File Dropzone
• Input Chip
• Lightswitch (dark mode)
• Placeholder
• Progress Bar
• Progress Radial
• Radio (group, item, label, description)
• Range Slider
• Switch

Molecules

• Accordion
• Alert
• Autocomplete
• Code Block (with syntax highlighting and copy to clipboard)
• Breadcrumb
• Card
• Drawer
• List
• Listbox
• Modal
• Paginator
• Popup
• Preview
• Rail (rail, rail tile)
• Shell
• Stepper
• Tabs
• Table
• Table of Contents
• Toast
• Themes
  • TODO - move from utils to molecules

Directives

• Clipboard

Utilities

• Platform (detects if SSR or Browser)

Docs

Vuetiful Docs

Credits

Inspiration for this project comes from Skeleton - a UI Toolkit for SvelteKit. If you are looking for a SvelteKit UI Toolkit, I highly recommend it.