# unovue/inspira-ui

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/unovue-inspira-ui).**

4,570 stars · 261 forks · Vue · mit

## Links

- GitHub: https://github.com/unovue/inspira-ui
- Homepage: https://inspira-ui.com
- awesome-repositories: https://awesome-repositories.com/repository/unovue-inspira-ui.md

## Topics

`components` `nuxt` `nuxt3` `nuxtjs` `shadcn-ui` `shadcn-vue` `tailwindcss` `tailwindcss-v4` `ui-components` `ui-library` `vue` `vue3` `vuejs` `vuejs-components` `vuejs3`

## Description

Inspira UI is a Vue-based design system and component library providing a collection of pre-designed user interface elements. It functions as a Tailwind CSS UI kit, offering reusable components intended for building websites and maintaining a unified visual look across web applications.

The project enables modern web frontend design and rapid website prototyping by providing ready-made building blocks. It focuses on Vue UI component development to accelerate the transition from design ideas to functional web pages.

The library integrates Tailwind CSS utility styling and CSS-variable-based theming for visual customization. It utilizes TypeScript for type safety and incorporates Lucide icons and slot-based content projection for layout flexibility.

## Tags

### User Interface & Experience

- [User Interface Components](https://awesome-repositories.com/f/user-interface-experience/user-interface-components.md) — Provides a comprehensive set of reusable UI components and layout patterns for building interfaces. ([source](https://inspira-ui.com/raw/en/getting-started.md))
- [Single File Components](https://awesome-repositories.com/f/user-interface-experience/component-architectures/single-file-components.md) — Employs a single-file component architecture to bundle templates, logic, and styles.
- [Vue UI Libraries](https://awesome-repositories.com/f/user-interface-experience/component-utilities/ui-frameworks/component-libraries/ecosystem-specific-libraries/vue-ui-libraries.md) — Provides a collection of user interface components specifically designed for the Vue ecosystem.
- [Tailwind Component Collections](https://awesome-repositories.com/f/user-interface-experience/css-component-libraries/tailwind-component-collections.md) — Ships a set of pre-styled UI elements tailored for the utility-first paradigm of Tailwind CSS.
- [Utility-First Styling](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/styling-architectures/styling-systems/class-based-styling/utility-first-styling.md) — Applies visual styles using a utility-first approach with Tailwind CSS classes.
- [Component Slot Systems](https://awesome-repositories.com/f/user-interface-experience/component-slot-systems.md) — Uses a slot system to allow custom HTML or components to be injected into predefined placeholders.
- [CSS Variable Theming](https://awesome-repositories.com/f/user-interface-experience/css-variable-theming.md) — Implements dynamic styling by mapping design tokens to native CSS variables.
- [Modern Interface Design](https://awesome-repositories.com/f/user-interface-experience/modern-interface-design.md) — Provides ready-made components that follow current design trends for visually appealing interfaces.

### Part of an Awesome List

- [Design Systems](https://awesome-repositories.com/f/awesome-lists/devtools/vue-ui-libraries/design-systems.md) — Establishes a consistent set of visual building blocks and design tokens for a unified user experience.

### Web Development

- [Vue Component Libraries](https://awesome-repositories.com/f/web-development/vue-component-wrappers/vue-component-libraries.md) — Offers a comprehensive collection of reusable Vue components for building website interfaces.

### Development Tools & Productivity

- [Rapid Software Prototyping](https://awesome-repositories.com/f/development-tools-productivity/rapid-software-prototyping.md) — Enables rapid prototyping of functional web pages by assembling pre-designed UI building blocks.