Neobrutalism Vue
A vue-based registry of neobrutalism-styled Tailwind components.
Overview:
Heroneobrutalism-vue is an exciting collection of neobrutalist Vue components that seamlessly integrate with Tailwind v4. This curated set of components aims to provide developers with a distinctive visual approach while maintaining functionality and ease of use. Inspired by shadcn-vue, this library allows developers to browse a diverse catalog of components, making it a valuable asset for anyone looking to elevate their web applications with a stylish yet brutalist design.
Features:
- Tailwind v4 Compatibility: Designed specifically for Tailwind v4, ensuring a cohesive design experience and easy integration into existing projects.
- Curated Catalog: Offers a diverse selection of neobrutalist components to choose from, catering to various use cases and aesthetics.
- Accessible Primitives: Powered by Reka UI, each component is thoughtfully designed to ensure accessibility for all users.
- Vue Implementation: Built on the shadcn-vue framework, enabling smooth functionality within Vue-based applications.
- Easy Installation: Components can be installed directly from the registry, streamlining the process for developers to start using them immediately.
- MIT License: The library is open-source under the MIT license, allowing for flexibility in use and modification.
- Community-Driven: Leveraging contributions and insights from the community, enhancing the library's functionality and design elements.
- Nuxt
nuxt.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Shadcn UI
Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
- Pinia
Pinia is the official state management library for Vue.js. It provides a simple and intuitive API with full TypeScript support, devtools integration, and modular design. Pinia replaces Vuex as the recommended state management solution for Vue 3.