Dev Design Library

Face Rating

A five-level feedback rating where one large SVG face morphs its mouth, eyes and color between moods as you hover and click, with a joy bounce on commit.

Face Rating preview
Library
Spectrum UI
Framework
React
Type
component
License
Apache-2.0
Dependencies
framer-motion
Install
npx shadcn@latest add @spectrumui/face-rating
Files
  • app/registry/face-rating/face-rating.tsx
  • lib/utils.ts
Source
https://github.com/arihantcodes/spectrum-ui

Categories

More from Spectrum UI