# form

Star rating input with hover preview

Five stars light up on hover with spring scale on the previewed one; clicking locks the rating and label.

36500Open

Glow Slide Toggle · Mono Pearl

A pill toggle switch whose knob springs across and sets the track glowing when enabled. Rendered in the Mono Pearl palette.

8500Open

Inline Form Validation · Deep Indigo

Signup fields validate as you type: green check borders, rule hints, shake on bad submit, success flare. Rendered in the Deep Indigo palette.

67200Open

Password strength meter

Live strength scoring (length, case, digits, symbols) driving a colored gradient bar with missing-rule hints.

35200Open

Inline Form Validation · Rose Gold

Signup fields validate as you type: green check borders, rule hints, shake on bad submit, success flare. Rendered in the Rose Gold palette.

26300Open

Draw-on Checkbox · Cyber Lime

A checkbox whose checkmark is stroke-drawn with a dash animation when ticked. Rendered in the Cyber Lime palette.

75400Open

Glow Slide Toggle · Cyber Lime

A pill toggle switch whose knob springs across and sets the track glowing when enabled. Rendered in the Cyber Lime palette.

65000Open

Draw-on Checkbox · Aurora Teal

A checkbox whose checkmark is stroke-drawn with a dash animation when ticked. Rendered in the Aurora Teal palette.

22400Open

Liquid Glow Range Slider · Candy Pink

A velvety range control: glowing fill, pulsing thumb and a springy value bubble that trails the drag. Rendered in the Candy Pink palette.

53900Open

Liquid Glow Range Slider · Mint Breeze

A velvety range control: glowing fill, pulsing thumb and a springy value bubble that trails the drag. Rendered in the Mint Breeze palette.

39300Open

Glow Slide Toggle · Crimson Heat

A pill toggle switch whose knob springs across and sets the track glowing when enabled. Rendered in the Crimson Heat palette.

31100Open

Gradient stepper progress nav

4-step wizard indicator: numbered nodes light up with gradient borders as the fill bar advances.

32800Open

Glow Slide Toggle · Ultra Violet

A pill toggle switch whose knob springs across and sets the track glowing when enabled. Rendered in the Ultra Violet palette.

79700Open

Glass Login Card with Split CTA

Split login card with brand panel, social sign-in, password visibility toggle and validation states.

Liquid Glow Range Slider · Royal Gold

A velvety range control: glowing fill, pulsing thumb and a springy value bubble that trails the drag. Rendered in the Royal Gold palette.

20700Open

Floating Glow Input · Candy Pink

A text field with a floating label and a gradient focus ring that breathes. Rendered in the Candy Pink palette.

61000Open

Multi-Step Signup Form

Three-step signup wizard with progress rail, per-step validation and review summary.

Inline Form Validation · Mint Breeze

Signup fields validate as you type: green check borders, rule hints, shake on bad submit, success flare. Rendered in the Mint Breeze palette.

74300Open

Featured UI Elements⚛ TSX Live preview

Liquid Glow Range Slider · Ultra Violet

A velvety range control: glowing fill, pulsing thumb and a springy value bubble that trails the drag. Rendered in the Ultra Violet palette.

48900Open

Password Reset Card

Password reset form with token step, strength meter and success state animation.

Shake error-feedback form

Wrong password triggers a horizontal shake with red ring; correct password shows green success — instant feedback.

29800Open

Floating Glow Input · Ocean Sky

A text field with a floating label and a gradient focus ring that breathes. Rendered in the Ocean Sky palette.

41800Open

Floating Glow Input · Royal Gold

A text field with a floating label and a gradient focus ring that breathes. Rendered in the Royal Gold palette.

27800Open

Radio Card

Radio select styled as a card with ring highlight when chosen.

Floating Input

Input with floating label that lifts and shrinks on focus.

Floating Glow Input · Sunset Amber

A text field with a floating label and a gradient focus ring that breathes. Rendered in the Sunset Amber palette.

9600Open

Featured UI Elements⚛ TSX Live preview

Glow Slide Toggle · Candy Pink

A pill toggle switch whose knob springs across and sets the track glowing when enabled. Rendered in the Candy Pink palette.

73900Open

Organization Signup Card

Company signup with workspace-name field, plan radio and invite-skip option.

Glow Slide Toggle · Deep Indigo

A pill toggle switch whose knob springs across and sets the track glowing when enabled. Rendered in the Deep Indigo palette.

25800Open

Email Confirmation Card

Verification email state card with spinner, resend and change-email links.

Labeled Radio Group

Vertical radio group with custom labels and descriptions.

Field Error State

Form field with error border, icon and message text.

Selectable pricing radio cards

Plan picker where whole cards are radio targets — checked card gets a gradient border, filled tick and glow.

35600Open

Glow Slide Toggle · Royal Gold

A pill toggle switch whose knob springs across and sets the track glowing when enabled. Rendered in the Royal Gold palette.

40700Open

Floating Glow Input · Rose Gold

A text field with a floating label and a gradient focus ring that breathes. Rendered in the Rose Gold palette.

49400Open

Draw-on Checkbox · Sunset Amber

A checkbox whose checkmark is stroke-drawn with a dash animation when ticked. Rendered in the Sunset Amber palette.

72100Open

Inline Form Validation · Aurora Teal

Signup fields validate as you type: green check borders, rule hints, shake on bad submit, success flare. Rendered in the Aurora Teal palette.

23000Open

Floating label inputs

Labels rise, shrink and turn cyan when the field focuses or has content — classic material-style form polish.

34200Open

Inline Form Validation · Royal Gold

Signup fields validate as you type: green check borders, rule hints, shake on bad submit, success flare. Rendered in the Royal Gold palette.

47700Open

Focus-glow email capture input

Input that ignites with a fuchsia ring, top light spill and tinted background on focus, plus a gradient CTA.

31200Open

Floating-Label Input Pair

Two inputs whose labels float above on focus, with error and success states.

Draw-on Checkbox · Deep Indigo

A checkbox whose checkmark is stroke-drawn with a dash animation when ticked. Rendered in the Deep Indigo palette.

66600Open

Custom Select with Checkmark

Styled dropdown select with option checkmark, scroll and keyboard open.

Auto-Advance OTP Input · Mint Breeze

Six-box verification code field: auto-advance, paste-to-fill, shake on wrong code, glow on success. Rendered in the Mint Breeze palette.

35210Open

Checkbox Custom Set

Custom checkboxes with draw-in checkmark and indeterminate state.

Add/remove tag chips input

Tag field: chips pop in with a spring, ✕ removes with a scale-out; type and Enter to add new slug-style tags.

32410Open

Radio Card Selector

Radio choices styled as cards with ring highlight and icons.

Radio Custom Set

Custom radio dots with animated selection ring and label groups.

Dual-thumb range price slider

Two overlaid range inputs form a min/max selector with a gradient selected band and live mono price labels.

33400Open

Draw-on Checkbox · Rose Gold

A checkbox whose checkmark is stroke-drawn with a dash animation when ticked. Rendered in the Rose Gold palette.