Step Form

A focused multi-step form with directional transitions, morphing height, stable validation, keyboard flow, and a concise success state.

Focused step form

animated-step-form.tsx

One clear question at a time with configurable text and choice steps, animated progress, directional navigation, validation, and completion feedback.

01 / 04

$ bunx --bun shadcn add @beui-pro/

step-form-stack.tsx

A layered brief form where each question rises from a quiet card stack and exits with directional motion.

1 of 3

$ bunx --bun shadcn add @beui-pro/

step-form-inline.tsx

A borderless compact brief with vertical prompt swaps, inline choice pills, and a quiet neutral surface.

Quick brief

$ bunx --bun shadcn add @beui-pro/

step-form-onboarding.tsx

A multi-field signup flow that groups profile, workspace, and goal details into compact animated onboarding steps.

Set up your account

Usually takes less than two minutes

1/3

$ bunx --bun shadcn add @beui-pro/