Inspira UI

Animated interface components and visual effects for building expressive Vue and Nuxt experiences.

STATUS: ACTIVE
STACK: Vue / Nuxt / TypeScript
TYPE: OPEN SOURCE

Interfaces do not have to feel generic.

Inspira UI started from a simple idea: advanced motion and visual interaction should be reusable without forcing developers into a complete design system.

The project collects components and effects that can be introduced selectively into real applications while leaving the surrounding product architecture under the developer's control.

WHAT IT DOES

Working surface

01Motion components

02Background effects

03Text effects

04Visual components

05WebGL experiments

06Layout primitives

TECHNICAL FOUNDATION

How it is shaped.

Framework: Vue 3 / Nuxt
Language: TypeScript
Distribution: Open source / MIT
Install: Registry copy-in

RUNTIME

Use the interface.

/runtime/inspira-uiPREVIEW

Animated Beam

Motion with purpose

INSTALLATION

terminal

npx shadcn-vue@latest add \
  https://registry.inspira-ui.com/r/animated-beam.json

CURRENT STATE

What is running.

Active and maintained. New components, documentation, and community contributions continue to expand the collection.

Open website ↗View source ↗

RELATED WORK

/projects/inspira-ui-pro

Inspira UI Pro

Production templates and application foundations for polished Vue and Nuxt launches.

Inspect project ↗

/projects/akaza-ui

Akaza UI

Accessible, unstyled UI infrastructure designed from Vue's native composition model.

Inspect project ↗