beUI Pro for mobile is live — 50 React Native blocks and screens
Onboarding
Premium onboarding flows: a numbered stepper with grouped emoji chip selectors, a split-screen flow with a live-bound form beside an animated preview mock, and a progress-ring row that opens an animated checklist dialog.
Stepped onboarding
onboarding-steps.tsxA 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.
Select Your Interests
"use client";
import { OnboardingSteps } from "@/components/premium/onboarding";
export function OnboardingStepsPreview() {
return (
<div className="w-full">
<OnboardingSteps />
</div>
);
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboardInstall
Split screen
onboarding-split.tsxA 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.
01 / 03
Let's get to know you
Drop your first and last name below — just so we know what to call you.
By clicking "Continue", you agree to beUI's Terms and Privacy Policy.
"use client";
import { OnboardingSplit } from "@/components/premium/onboarding";
export function OnboardingSplitPreview() {
return (
<div className="w-full">
<OnboardingSplit />
</div>
);
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboardInstall
Checklist dialog
onboarding-modal.tsxA 'finish onboarding' row with a circular progress ring and a shared animated checklist dialog; toggling tasks updates the ring live.
"use client";
import { OnboardingModal } from "@/components/premium/onboarding";
export function OnboardingModalPreview() {
return (
<div className="w-full">
<OnboardingModal />
</div>
);
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboard