Navigation
Tabs, steps, pagination
Components

Navigation

Indicators that glide between items, steps that fill as you progress, and disclosures that open with a spring.

Tabs

Updated

The active indicator slides between triggers with a spring and follows layout changes. Panels fade up on switch.

Overview panel. Switch tabs to watch the indicator glide and the panel rise in.
Vertical orientation: the indicator slides on the Y axis. Current tab: profile.

Stepper

New

Connectors fill with an expo ease as steps complete, the active step gets a tinted outline, and completed steps pop a check.

Step 2 of 0
Step 2 of 4
Step 2 of 0

Vertical steppers work well for onboarding checklists. With linear disabled, any step can be clicked.

Pagination

New

The current page pops into a solid fill, and arrows nudge toward their direction on hover. Ellipses collapse long ranges.

Showing 61–80 of 240 results

Accordion & collapsible

Updated

Accordions are now real buttons with aria-expanded; content rises and un-blurs as it opens. Collapsible animates its height from reka's measured size.

A source-published Nuxt component library with shared tokens, i18n, and a motion system.

Starred repositories
nuxt/nuxt