UI COMPONENTS FOR NUXT & VUE

Thoughtfully crafted components for Nuxt & Vue.

44 components and one design language. Calm by default, fast by design, and accessible from the first keystroke.

$npm install @juxtui/uiCopy install command
Press anywhere

EXAMPLES

Live components with made-up data — nothing here is created, deployed or deleted.

New project

Deploy from a repository in seconds.

Only members can view deployments.

Command palette

Search everything, run anything.

Requests

312k+12.8%

Feedback

Hover the toolbar, then try the buttons.

Delete draft

Team

People with access to this workspace.

  • Mara Quinn

    mara@juxt.dev

    Owner
  • Theo Park

    theo@juxt.dev

    Admin
  • Ada Lovelace

    ada@juxt.dev

    Invited

Everything you see is live

Every surface on this page is built with juxt.ui — the docs are the first product that uses it.

44 components Light & dark SSR-safe Reduced motion

Fewer components. Each one finished.

01

Calm by default

Mostly grayscale, with green reserved for state. Borders do the structural work; shadows only lift what floats.

02

Motion with purpose

Four durations, three curves, transform and opacity only. Reduced motion keeps the fades and drops the travel.

03

Accessible by construction

Focus is trapped, restored and always visible. Keyboard maps follow WAI-ARIA, and every overlay knows its layer.

04

At home in Nuxt

One module line and every component and composable is auto-imported, SSR-safe, and styled by tokens you can own.

One line in your Nuxt config.

Components, composables and styles are wired up for you. Using plain Vue? Import what you need — it tree-shakes.

nuxt.config.ts
Copy
export default defineNuxtConfig({
  modules: ['@juxtui/ui/nuxt'],
})