Vibrary

screenshot of Vibrary

A starter template for vue 3 component library

Overview:

Vibrary is an innovative tool designed to streamline the creation and management of component libraries. Ideal for developers working with modern JavaScript frameworks, Vibrary provides a published-ready template that simplifies the entire process of building reusable components and composable functions. With a focus on efficiency, it brings together the power of popular frameworks like Vue, React, and more, making it easier than ever to start a new library project.

By leveraging tools such as Vite, Vitest, and Storybook for documentation, Vibrary enables developers to quickly scaffold their first library with a single command. Its user-friendly prompts guide users through the initial setup, allowing for a smooth entry into component library development.

Features:

  • Easy Scaffolding: Quickly create a new project using a predefined template with NPM, Yarn, or PNPM, simplifying the initial setup process.

  • Multiple Framework Support: Supports various templates including Vue, React, Vanilla, and Svelte, catering to different developer preferences and project requirements.

  • Version Management: Utilize the release-it tool for straightforward versioning and package publication, keeping your library up to date effortlessly.

  • Auto-Generated Changelog: Automatically create a changelog file (CHANGELOG.md) with the @release-it/conventional-changelog plugin, following Angular commit guidelines for clarity.

  • Prompt-driven Interface: The intuitive command line prompts guide you through the configuration process, minimizing setup time and reducing complexities.

  • Flexible Command Line Options: Specify the project name and template directly via command line options, providing greater flexibility in your library setup.

  • Troubleshooting Support: Offers notes on common errors and necessary configurations, such as ensuring the git repository URL is correctly set in your package.json, enhancing the overall usability.