标签合集
105 个同时带有「form」标签的动画资源 —— 每个都有实时预览、可复制的 HTML/CSS/JS 源码和一条现成的 AI Prompt。
相关标签 —— 点击可组合筛选
Five stars light up on hover with spring scale on the previewed one; clicking locks the rating and label.
A pill toggle switch whose knob springs across and sets the track glowing when enabled. Rendered in the Mono Pearl palette.
Signup fields validate as you type: green check borders, rule hints, shake on bad submit, success flare. Rendered in the Deep Indigo palette.
Live strength scoring (length, case, digits, symbols) driving a colored gradient bar with missing-rule hints.
Signup fields validate as you type: green check borders, rule hints, shake on bad submit, success flare. Rendered in the Rose Gold palette.
A checkbox whose checkmark is stroke-drawn with a dash animation when ticked. Rendered in the Cyber Lime palette.
A pill toggle switch whose knob springs across and sets the track glowing when enabled. Rendered in the Cyber Lime palette.
A checkbox whose checkmark is stroke-drawn with a dash animation when ticked. Rendered in the Aurora Teal palette.
A velvety range control: glowing fill, pulsing thumb and a springy value bubble that trails the drag. Rendered in the Candy Pink palette.
A velvety range control: glowing fill, pulsing thumb and a springy value bubble that trails the drag. Rendered in the Mint Breeze palette.
A pill toggle switch whose knob springs across and sets the track glowing when enabled. Rendered in the Crimson Heat palette.
4-step wizard indicator: numbered nodes light up with gradient borders as the fill bar advances.
A pill toggle switch whose knob springs across and sets the track glowing when enabled. Rendered in the Ultra Violet palette.
Split login card with brand panel, social sign-in, password visibility toggle and validation states.
A velvety range control: glowing fill, pulsing thumb and a springy value bubble that trails the drag. Rendered in the Royal Gold palette.
A text field with a floating label and a gradient focus ring that breathes. Rendered in the Candy Pink palette.
Three-step signup wizard with progress rail, per-step validation and review summary.
Signup fields validate as you type: green check borders, rule hints, shake on bad submit, success flare. Rendered in the Mint Breeze palette.
A velvety range control: glowing fill, pulsing thumb and a springy value bubble that trails the drag. Rendered in the Ultra Violet palette.
Password reset form with token step, strength meter and success state animation.
Wrong password triggers a horizontal shake with red ring; correct password shows green success — instant feedback.
A text field with a floating label and a gradient focus ring that breathes. Rendered in the Ocean Sky palette.
A text field with a floating label and a gradient focus ring that breathes. Rendered in the Royal Gold palette.
Radio select styled as a card with ring highlight when chosen.
Input with floating label that lifts and shrinks on focus.
A text field with a floating label and a gradient focus ring that breathes. Rendered in the Sunset Amber palette.
A pill toggle switch whose knob springs across and sets the track glowing when enabled. Rendered in the Candy Pink palette.
Company signup with workspace-name field, plan radio and invite-skip option.
A pill toggle switch whose knob springs across and sets the track glowing when enabled. Rendered in the Deep Indigo palette.
Verification email state card with spinner, resend and change-email links.
Vertical radio group with custom labels and descriptions.
Form field with error border, icon and message text.
Plan picker where whole cards are radio targets — checked card gets a gradient border, filled tick and glow.
A pill toggle switch whose knob springs across and sets the track glowing when enabled. Rendered in the Royal Gold palette.
A text field with a floating label and a gradient focus ring that breathes. Rendered in the Rose Gold palette.
A checkbox whose checkmark is stroke-drawn with a dash animation when ticked. Rendered in the Sunset Amber palette.
Signup fields validate as you type: green check borders, rule hints, shake on bad submit, success flare. Rendered in the Aurora Teal palette.
Labels rise, shrink and turn cyan when the field focuses or has content — classic material-style form polish.
Signup fields validate as you type: green check borders, rule hints, shake on bad submit, success flare. Rendered in the Royal Gold palette.
Input that ignites with a fuchsia ring, top light spill and tinted background on focus, plus a gradient CTA.
Two inputs whose labels float above on focus, with error and success states.
A checkbox whose checkmark is stroke-drawn with a dash animation when ticked. Rendered in the Deep Indigo palette.
Styled dropdown select with option checkmark, scroll and keyboard open.
Six-box verification code field: auto-advance, paste-to-fill, shake on wrong code, glow on success. Rendered in the Mint Breeze palette.
Custom checkboxes with draw-in checkmark and indeterminate state.
Tag field: chips pop in with a spring, ✕ removes with a scale-out; type and Enter to add new slug-style tags.
Radio choices styled as cards with ring highlight and icons.
Custom radio dots with animated selection ring and label groups.
Two overlaid range inputs form a min/max selector with a gradient selected band and live mono price labels.
A checkbox whose checkmark is stroke-drawn with a dash animation when ticked. Rendered in the Rose Gold palette.