Mavis UINative UI. Made with character.

A component library for NativeScript, starting with Vue. Thoughtful defaults, motion with Jolt, and navigation with vue-router-ns.

Meet Mavis UI

The roadmap

GitHub

Mavis Vermillion, the Fairy Tail character who inspired the project's name.

Components that belong together

A shared design language for buttons, inputs, cards, and sheets. Consistent states, sensible defaults, and room for your app's identity.

The design direction

Motion with Jolt

Press feedback, springs, and transitions are part of the plan from the start. Jolt is the animation foundation for our NativeScript components.

Explore Jolt

Native navigation

The Vue integration will build on vue-router-ns for native screen stacks, tabs, and modals. Navigation that belongs on the device.

Explore vue-router-ns

In development

There is no published package or stable component API yet. We're starting with NativeScript-Vue, then expanding to the other NativeScript frameworks. See what comes next →