# feedback

Featured Components⚛ TSX Live preview

Stacked Toast Notifications

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

8.2k45.1k9.8kOpen

UI Elements⚛ TSX Live preview

Interactive Star Rating

Five stars with hover preview, spring pop on fill and locked-in labels from Terrible to Legendary.

4.4k31.8k7.2kOpen

UI Elements Live preview

Notification Toast Stack

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

29600Open

Shake error-feedback form

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

29800Open

Featured Components Live preview

Toast notification stack

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

40900Open

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

UI Elements Live preview

Stroke-draw success checkmark

On action the button draws a circle then a check via stroke-dashoffset animation and tints green — completion feedback.

35800Open

Featured Components Live preview

Emoji reaction picker bar

Four emoji reactions (Wow/Love/Huh/Fire) lift and pop on hover/click; selecting one increments its count.

39800Open

Featured Animations Live preview

Ink Ripple Buttons · Rose Gold

Material-style ink ripples that bloom from the exact click point of each button. Rendered in the Rose Gold palette.

61600Open

Ink Ripple Buttons · Ocean Sky

Material-style ink ripples that bloom from the exact click point of each button. Rendered in the Ocean Sky palette.

28400Open

Ink Ripple Buttons · Mint Breeze

Material-style ink ripples that bloom from the exact click point of each button. Rendered in the Mint Breeze palette.

56800Open

Ink Ripple Buttons · Candy Pink

Material-style ink ripples that bloom from the exact click point of each button. Rendered in the Candy Pink palette.

33200Open

Ink Ripple Buttons · Royal Gold

Material-style ink ripples that bloom from the exact click point of each button. Rendered in the Royal Gold palette.

52400Open

Ink Ripple Buttons · Crimson Heat

Material-style ink ripples that bloom from the exact click point of each button. Rendered in the Crimson Heat palette.

67600Open

Ink Ripple Buttons · Deep Indigo

Material-style ink ripples that bloom from the exact click point of each button. Rendered in the Deep Indigo palette.

49700Open

Ink Ripple Buttons · Aurora Teal

Material-style ink ripples that bloom from the exact click point of each button. Rendered in the Aurora Teal palette.

83500Open

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

Inline Form Validation · Ocean Sky

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

71100Open

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

Inline Form Validation · Candy Pink

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

80900Open

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

Inline Form Validation · Crimson Heat

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

66500Open

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

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

UI Elements Live preview

Copy Button Feedback

Copy-to-clipboard button with checkmark success state.

Components⚛ TSX Live preview

Feedback Modal with Rating

Feedback dialog with star prompt, sentiment buttons and thank-you state.

UI Elements⚛ TSX Live preview

Emoji Mood Rating

Five emoji faces rating with bounce on selection and label feedback.

UI Elements⚛ TSX Live preview

Copy Tooltip Feedback

Copy button whose tooltip morphs to a check with copied confirmation.