Skip to content

My set of Vue components for personal projects (Vue + TailwindCSS + DaisyUI + HeadlessUI)

Notifications You must be signed in to change notification settings

JoaoHamerski/vue-tailwind-components

Repository files navigation

vue-tailwind-components

🚀 Motivation

I decided to group together a few common components to use on individual projects, aiming on make it light, consistent and harmonic.

🎯 Objectives

  • Create flexible components, independent of each other
  • Make it strongly typed using TypeScript
  • Build consistent interfaces for light and dark themes
  • Integrate with semantic color names to make it easy to be themed

📋 Basic usage

  • Requirements: Vue 3, TailwindCSS 3, HeadlessUI and DaisyUI 4 (optional in some components)
  • Each component and its subcomponents are wrapped in a directory
  • Copy the component directory from ./src/components
  • Copy the type declaration file from ./src/types
  • The main component starts with App prefix

🔍 Preview

Storybook page:
https://joaohamerski.github.io/vue-tailwind-components/

About

My set of Vue components for personal projects (Vue + TailwindCSS + DaisyUI + HeadlessUI)

Topics

Resources

Stars

Watchers

Forks