✨ Always evolving · Stay tuned

Shadcn Vue Dev

A Vue component template extension library based on shadcn-vue, providing copyable, combinable, and modifiable UI fragments to help you build modern web applications faster.

Make Development Faster and Easier

Rich Vue component blocks, easy to combine, copy and paste to use

✅
Perfect Compatibility with shadcn-vue

Native integration, seamless use of existing component systems, no additional configuration or adaptation required.

🚀
Copy to Use, Rapid Development

Each component block can be directly copied and pasted, ready to use out of the box, greatly improving development efficiency.

🧱
Rich UI Combination Blocks

From individual components to complete UI templates, covering common layout and interaction scenarios.

🧩
Composable and Modifiable

Component blocks can be flexibly combined, easy to expand and customize to meet personalized needs.

Frequently Asked Questions

Learn more about Shadcn Vue Dev

  • What is the relationship between Shadcn Vue Dev and shadcn-vue?

    Shadcn Vue Dev is built on top of shadcn-vue atomic components, providing higher-level components, blocks, and templates to help you implement layouts and interactions faster.

  • Can these components and blocks be copied directly for use?

    Yes. Each component and block supports one-click code copy. You can paste it into your project and use it right away without extra setup.

  • Do the components support custom modifications?

    Fully supported. All code is written in Vue with clear structure and consistent style, making it easy to modify and extend.

  • Can I combine multiple blocks into a complete page?

    Of course. Our design philosophy is modular combination, allowing you to build login pages, settings pages, dashboards, and more like building blocks.

  • Are these components responsive?

    Yes, all components and blocks are built with Tailwind CSS to support responsive layouts by default, adapting to various screen sizes.

  • I have already installed shadcn-vue, can I use these directly?

    Yes. Shadcn Vue Dev is fully compatible with shadcn-vue, requiring no additional dependencies.

  • Is theme customization supported?

    Yes. We use Tailwind + CSS variables for theming, integrated with shadcn-vue’s theme system, so you can easily customize color schemes.

  • What types of UI blocks do you provide?

    We provide common UI blocks such as cards, forms, navigation, tables, and modals, covering admin dashboards, SaaS, marketing pages, and more.

  • Can these blocks be previewed online?

    Yes. Each block comes with real-time preview and one-click copy, making it easy to use while browsing.

  • Is Shadcn Vue Dev open source?

    Yes. The project is released under the MIT license, allowing free use, modification, and distribution.