Auth and onboarding kit
The first minutes of a product: a login page with password, magic link or code sign-in, social buttons and password recovery, a register page with password rules and an email code, and an onboarding flow with welcome slides and a short profile. Password, email and OTP inputs, an avatar upload, a workspace switcher, a setup checklist and a product tour cover what comes after sign-up. For any app that needs sign-in screens that feel finished, whichever auth provider sits behind them.
Install the whole kit
The CLI copies every file into your project as source you own, with the npm packages and the Wingo UI hooks and helpers they need. Pro items need a Pro plan: run npx wingo-ui@latest login once first.
npx wingo-ui@latest add otp-input input field checkbox login-page register-page onboarding-flow password-input email-input avatar-upload workspace-switcher setup-checklist tourOnly the free part, no account needed:
npx wingo-ui@latest add otp-input input field checkboxThe Pro part
The 9 Pro items in this kit come with Wingo UI Pro, which unlocks all 374 items of the library: $8 a month, $80 a year or $150 once. Open any card to try the item live before you buy.
14-day refund on your first purchase of Pro or Lifetime, as long as you have not downloaded any Pro item yet. Refund policy
Free in this kit[4]
OTP Input, Input, Field, Checkbox: free for personal and commercial projects, installed without an account under the Wingo UI license.
OTP InputFree
A React OTP input for one-time verification codes and PINs, with digits that roll into place and a caret that slides between slots.
InputFree
A React text input: icons and addons inside the box, a clear button, a loading spinner, a character counter and floating labels.
FieldFree
A React form field wrapper every control shares: label, hint, animated error and counter, fieldsets, and the box recipe all inputs use.
CheckboxFree
A React checkbox that is on, off or mixed, with a check that draws itself, full-row labels, cards, and groups with select all.
Pro in this kit[9]
Every Pro item has a live, configurable preview anyone can open; the source comes with a Pro plan.
Login PagePro
A React login page with password, magic link or code sign-in, Google, Apple and Microsoft buttons, two-step codes and password recovery.
Register PagePro
A React register page for a CRM sign-up: an account with password rules, company details from the CUI, an email code and a welcome step.
Onboarding FlowPro
A React onboarding flow for a marketplace app: welcome slides, notification and location asks, a short profile, preferences and a finish.
Password InputPro
A password field with a caret-safe reveal toggle, a Caps Lock warning and, for sign-up, a strength meter, rules checklist and generator.
Email InputPro
A React email input for one address or a list of recipients, with domain completion, typo hints, contact suggestions and validation.
Avatar UploadPro
A React avatar upload for profile pictures: pick or shoot a photo, crop it in a round frame and watch a ring fill while it uploads.
Workspace SwitcherPro
A React workspace switcher for organizations, teams or projects: logos, plan badges, search, groups, mod+1…9 shortcuts and a create row.
Setup ChecklistPro
The dashboard Get started card: setup tasks with progress and actions, collapsible and dismissible, or a floating launcher.
TourPro
A React product tour that dims the page around the real UI, explains each step in a card, docks at the bottom on phones and adds hotspots.
More kits
- React SaaS dashboard kitThe admin area of a SaaS or back office: shell, KPI dashboard, users, settings and API keys.
- Next.js ecommerce kitA shop from storefront to checkout and order history, with the product page parts.
- AI chat app kitA ChatGPT-style app: chat page, streaming thread, prompt composer, model picker and usage.
- Local business website kitWebsites for restaurants, clinics, salons and real estate agents, with booking and maps.
- Agency and portfolio website kitAn agency site and a personal portfolio, plus case study, about, team and testimonial parts.
Or browse all kits, the components and the page templates.