Home / Blog / Crafting a Custom Component Library with Vue and Daisy UI
Crafting a Custom Component Library with Vue and Daisy UI

Crafting a Custom Component Library with Vue and Daisy UI

Daniel Kelly
Daniel Kelly
April 8th 2024

TLDR: Learn strategies for building a Vue component library with components such as these.

Do you want to build your own component library with Vue.js? We’ll show you how to get started in our course: Crafting a Custom Component Library with Vue and Daisy UI.

During the course we cover a wide range of topics including:

  • Using Hygen to quickly bootstrap new component files
  • Using Histoire to write stories and quickly develop component variations
  • Using Faker to create dummy data for your Histoire Stories
  • Using Typescipt and documenting props with JS docs to enhance the DX directly in the end developers IDE
  • Component design strategies for intuitive and flexible component API’s
  • Using Vitepress to create documentation
  • Using TailwindCSS and DaisyUI as a base for component styles
  • Using Radix Vue as an easy way to support good accessibility and functionality while keeping control over what components look like

During the course, you’ll get plenty of opportunities see walk throughs of component creation and to build components from scratch yourself.

Don’t be fooled by the course title. If you aren’t interested in Daisy UI or Tailwind CSS there is still plenty to be gleaned about component development in this course (and you are free to style yours however you please).

Start learning Vue.js for free

Daniel Kelly
Daniel Kelly
Daniel is the lead instructor at Vue School and enjoys helping other developers reach their full potential. He has 10+ years of developer experience using technologies including Vue.js, Nuxt.js, and Laravel.

Latest Vue School Articles

Automatic File-Based Routing in Vue.js with TypeScript Support

Automatic File-Based Routing in Vue.js with TypeScript Support

This article introduces you to the exciting world of Automatic File-Based Routing in Vue.js 3 using unplugin-vue-router. Say goodbye to verbose router configuration files and embrace a more intuitive, maintainable, and developer-friendly way to define your application's routes.
Mostafa Said
Mostafa Said
Enhanced Routing with UnPlugin Vue Router

Enhanced Routing with UnPlugin Vue Router

Are you ready to take enhance your experience with Vue Router? Look no further than our latest course Enhanced Routing with UnPlugin Vue Router. During the course, we cover how to do everything you already know with vanilla Vue Router but in a type-safe manner and with file-based routing.
Daniel Kelly
Daniel Kelly

Our goal is to be the number one source of Vue.js knowledge for all skill levels. We offer the knowledge of our industry leaders through awesome video courses for a ridiculously low price.

More than 120.000 users have already joined us. You are welcome too!

Follow us on Social

© All rights reserved. Made with ❤️ by BitterBrains, Inc.