Skip to content

Library Templates Docs Pricing

Search the library/

Menu

Library Templates Docs Pricing

Categories

UI components Page sections Backgrounds & effects Animations & interactions Cards & data visualization Navigation & menus Forms & inputs Checkout & payments 3D & creative Templates & layouts

Loading the library…

Start with a component.Or ask your agent to pick one.

Explore the library Connect your agent

An independent library of interfaces, made to be used.

React components, sections and effects with live previews, full source, and an MCP server for your coding agent.

Library

Components
Sections
Backgrounds
Motion
Data
Navigation

More

Forms
Checkout
3D
Templates
Free components

Build

Documentation
CLI
MCP server
Catalog API
llms.txt

Sundae

Pricing
License
Terms
Privacy
hello@sundaeui.dev

sundae

© 2026 Sundae UITerms Privacy License

The library4 of 308

Forms & inputs

Verification fields, switches and file inputs that cover every state: empty, focused, invalid, loading and done.

Search

All³⁰⁸ Components¹⁰⁸ Sections¹² Backgrounds⁴ Motion⁵ Data⁴⁶ Navigation¹⁸ Forms⁸⁷ Checkout²¹ 3D⁴ Templates³

Sort by

Sort by

All forms Verification4 Steppers1 Date & time11 Sliders2 Pickers

1

Multi-step forms3

Feedback & activity3

Settings & admin11

Developer tools5

S—001OTP FieldA six-slot verification code field with paste, autofill, and verifying, error and success states.A six-slot verification code field with paste, autofill, and verifying, error and success states.Forms · Refinedfree
S—125Resend CodeA “Didn’t get a code?” control with a countdown ring, a Resend that unlocks at zero and growing back-off.A “Didn’t get a code?” control with a countdown ring, a Resend that unlocks at zero and growing back-off.Forms · Refinedfree
S—192PIN LockA lock screen PIN pad: dots fill as you tap, a wrong code shakes and counts tries, three misses lock it for a while.A lock screen PIN pad: dots fill as you tap, a wrong code shakes and counts tries, three misses lock it for a while.Forms · Refinedfree
S—216Two-Factor SetupSet up an authenticator app in three steps: scan a code or copy the key, confirm a 6-digit code, then save backup codes.Set up an authenticator app in three steps: scan a code or copy the key, confirm a 6-digit code, then save backup codes.Forms · Refinedfree