A numbered stepper (Interests → Skills → Documents) with connecting progress lines, multi-select emoji chips grouped under section dividers, a dashed upload step, sliding transitions, and a spring success state.

A full-height split onboarding: a left form (name, company, perks) with a step counter and sliding transitions, beside a right app-preview mock that re-tints per step and live-binds the values you type into a floating card.

Preview

Usage

Code

01 / 03

Let's get to know you

Drop your first and last name below — just so we know what to call you.

First nameLast name

By clicking "Continue", you agree to beUI's Terms and Privacy Policy.

Continue

Your name

@yourname

New memberJoined today

A 'finish onboarding' row with a circular progress ring that morphs (shared-layout) into a modal of check-off tasks; toggling tasks updates the ring live.