# form × # feedback

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.

HTMLCSSJavaScriptAdvanced

4.4k31.8k7.2kOpen

Shake error-feedback form

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

29800Open

Components⚛ TSX Live preview

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.

HTMLCSSJavaScriptAdvanced

36500Open

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