@geoffjamieson/vue-toolkit

🧰 @geoffjamieson/vue-toolkit

Reusable Vue 3 components for building clean, flexible, and modern UIs.
All tools are lightweight, customizable, and Tailwind-friendly by design.

This toolkit currently includes unstyled UI components, with plans to expand into animations, utilities, and more.

📦 Installation

npm install @geoffjamieson/vue-toolkit

🎨 Import Styles

To use built-in styles like transitions and utility classes, manually import the toolkit’s CSS in your app’s entry file:

// main.js or main.ts
import '@geoffjamieson/vue-toolkit/dist/vue-toolkit.css'

🚀 Quick Usage

Import and use any component:

import { RotatingWords } from '@geoffjamieson/vue-toolkit'

<RotatingWords
  staticTextBefore="I'm a"
  :words="['Developer', 'Designer', 'Creator']"
  staticTextAfter="and I love it."
  animation="slide-left"
/>

📚 Documentation

Full documentation is available for each component.

• All Components
  • RotatingWords
  • Modal

🧪 Local Development

This repo includes a /src playground to test and iterate on components locally.

⚠️ The /src playground is for local development only and is not included in the published npm package.

npm install
npm run dev

🙌 Contributing

Feel free to submit issues or pull requests if you'd like to improve or add new components!