标签合集

#toast

35 个同时带有「toast」标签的动画资源 —— 每个都有实时预览、可复制的 HTML/CSS/JS 源码和一条现成的 AI Prompt。

#stack 33 #component 20 #variant 20 #alt 15 #notification 13 #alert 9 #feedback 3 #copper 2 #grapefruit 2 #indigo 2 #mint 2 #onyx 2

35 个资源标签 #toast

preview

精选动画组件⚛ TSX 实时预览

Toast notification stack

Spring-in glass toasts (success/info/warn) slide in from the bottom-right, auto-dismiss with slide-out, closable.

Toast Notification Lab · Mono Pearl

Fire success, info and warning toasts that slide in, stack up and auto-dismiss with a timer bar. Rendered in the Mono Pearl palette.

Toast Notification Lab · Ocean Sky

Fire success, info and warning toasts that slide in, stack up and auto-dismiss with a timer bar. Rendered in the Ocean Sky palette.

Toast Notification Lab · Cyber Lime

Fire success, info and warning toasts that slide in, stack up and auto-dismiss with a timer bar. Rendered in the Cyber Lime palette.

Toast Notification Lab · Rose Gold

Fire success, info and warning toasts that slide in, stack up and auto-dismiss with a timer bar. Rendered in the Rose Gold palette.

Toast Notification Lab · Sunset Amber

Fire success, info and warning toasts that slide in, stack up and auto-dismiss with a timer bar. Rendered in the Sunset Amber palette.

Toast Notification Lab · Aurora Teal

Fire success, info and warning toasts that slide in, stack up and auto-dismiss with a timer bar. Rendered in the Aurora Teal palette.

Sliding cookie consent banner

Glass consent bar slides up from the bottom with spring easing and dismisses with a slide-out.

Toast Notification Stack · UI Element

Stacked toast notifications sliding in with icons, undo action and auto-dismiss.

Notification Toast Stack · Component

Stacking toast notifications with auto-dismiss, progress bar and swipe-close.

Toast Notification Lab · Deep Indigo

Fire success, info and warning toasts that slide in, stack up and auto-dismiss with a timer bar. Rendered in the Deep Indigo palette.

Success Confirmation Toast

Full-width success toast with check icon, message and close.

Toast Notification Lab · Ultra Violet

Fire success, info and warning toasts that slide in, stack up and auto-dismiss with a timer bar. Rendered in the Ultra Violet palette.

Notification Toast Stack

Four-toned toasts (success/info/warn/error) that spring in from the right with progress bars and auto-dismiss.

Toast Stack — Variant 1 · Onyx Alt

A self-contained, dependency-free UI component with smooth spring-like motion and a tactile, responsive feel.

Toast Stack — Variant 1 · Punch Alt

A self-contained, dependency-free UI component with smooth cascading delays and a tactile, responsive feel.

Toast Stack — Variant 5 · Indigo Alt

A self-contained, dependency-free UI component with smooth cascading delays and a playful but precise finish.

Toast Stack — Variant 5 · Grapefruit Alt

A self-contained, dependency-free UI component with smooth looping keyframes and a tactile, responsive feel.

Toast Stack — Variant 1 · Copper Alt

A self-contained, dependency-free UI component with smooth GPU-friendly transforms and a polished dark UI.

Toast Stack — Variant 5

A self-contained, dependency-free UI component with smooth cascading delays and a tactile, responsive feel.

Toast Stack — Variant 5 · Sorbet Alt

A self-contained, dependency-free UI component with smooth cascading delays and a tactile, responsive feel.

Toast Stack — Variant 2 · Sorbet Alt

A self-contained, dependency-free UI component with smooth eased transitions and a polished dark UI.

Toast Stack — Variant 4

A self-contained, dependency-free UI component with smooth eased transitions and a minimal dark look.

Toast Stack — Variant 4 · Copper Alt

A self-contained, dependency-free UI component with smooth spring-like motion and a tactile, responsive feel.

Toast Stack — Variant 2

A self-contained, dependency-free UI component with smooth hover choreography and a crisp dark aesthetic.

Toast Stack — Variant 4 · Mint Alt

A self-contained, dependency-free UI component with smooth hover choreography and a tactile, responsive feel.

Toast Stack — Variant 4 · Onyx Alt

A self-contained, dependency-free UI component with smooth spring-like motion and a tactile, responsive feel.

Toast Stack — Variant 2 · Indigo Alt

A self-contained, dependency-free UI component with smooth hover choreography and a minimal dark look.

Toast Stack — Variant 2 · Mint Alt

A self-contained, dependency-free UI component with smooth cascading delays and a studio-grade polish.

Toast Stack — Variant 3 · Coast Alt

A self-contained, dependency-free UI component with smooth cascading delays and a studio-grade polish.

Toast Stack — Variant 3 · Punch Alt

A self-contained, dependency-free UI component with smooth eased transitions and a studio-grade polish.

Toast Stack — Variant 3 · Grapefruit Alt

A self-contained, dependency-free UI component with smooth eased transitions and a crisp dark aesthetic.

Toast Stack — Variant 3

A self-contained, dependency-free UI component with smooth GPU-friendly transforms and a tactile, responsive feel.

Toast Stack — Variant 1

A self-contained, dependency-free UI component with smooth spring-like motion and a crisp dark aesthetic.

Stacked Toast Notifications

Success/error/info toasts that spring in from the bottom-right, stack up and auto-dismiss.

HTMLCSSJavaScript进阶

8.2k45.1k9.8k打开