标签合集
24 个同时带有「ui kit」标签的动画资源 —— 每个都有实时预览、可复制的 HTML/CSS/JS 源码和一条现成的 AI Prompt。
相关标签 —— 点击可组合筛选
Spring-in glass toasts (success/info/warn) slide in from the bottom-right, auto-dismiss with slide-out, closable.
Tabs with a gradient pill indicator that slides and resizes to the active tab, content cross-fading. Rendered in the Ocean Sky palette.
Gradient underline grows from the left on hover while the label brightens — one-pseudo-element nav polish.
Tabs with a gradient pill indicator that slides and resizes to the active tab, content cross-fading. Rendered in the Mint Breeze palette.
Smooth <details>/<summary> accordion whose plus icon morphs into an x when open — no JS required.
Gradient underline springs between tabs with width+left animation; output line reflects the active tab.
iOS-style segmented tabs where the gradient indicator springs between options and resizes itself.
Initials avatars overlap with negative margin; hovering lifts and enlarges one above the rest, +N chip at the end.
Tabs with a gradient pill indicator that slides and resizes to the active tab, content cross-fading. Rendered in the Crimson Heat palette.
Plan picker where whole cards are radio targets — checked card gets a gradient border, filled tick and glow.
Tabs with a gradient pill indicator that slides and resizes to the active tab, content cross-fading. Rendered in the Aurora Teal palette.
Labels rise, shrink and turn cyan when the field focuses or has content — classic material-style form polish.
Input that ignites with a fuchsia ring, top light spill and tinted background on focus, plus a gradient CTA.
Tag field: chips pop in with a spring, ✕ removes with a scale-out; type and Enter to add new slug-style tags.
Tabs with a gradient pill indicator that slides and resizes to the active tab, content cross-fading. Rendered in the Royal Gold palette.
iOS-style switch with a springy knob carrying the icon, track recolors sky-blue by day and deep space at night.
Blurred glass tooltips with an arrow notch pop in above or below buttons on hover, spring easing.
Tabs with a gradient pill indicator that slides and resizes to the active tab, content cross-fading. Rendered in the Rose Gold palette.
Tabs with a gradient pill indicator that slides and resizes to the active tab, content cross-fading. Rendered in the Candy Pink palette.
A settings/help panel listing shortcuts with glossy 3D keyboard key chips — JetBrains Mono, fuchsia glyphs.
Tabs with a gradient pill indicator that slides and resizes to the active tab, content cross-fading. Rendered in the Deep Indigo palette.
Four-toned toasts (success/info/warn/error) that spring in from the right with progress bars and auto-dismiss.
Friendly empty-state block with counter-rotating dashed orbit rings and a pulsing star, plus a CTA button.
Simple accessible breadcrumb trail: dim ancestors with cyan hover, fuchsia chevrons, bold current page.