# Pickers

> Colour pickers, gradient and easing editors, wheel pickers and rating scales.

- [Swatch Fan](https://www.assembli.design/components/swatch-fan.md): A fan deck of colour swatches pinned at one corner. Hover to riffle, click to pull one out, arrow keys to walk the deck, copy the hex.
- [Contrast Lab](https://www.assembli.design/components/contrast-lab.md): Pick two colours and read the WCAG contrast ratio on a live specimen, with AA and AAA verdicts and a one-click nudge that fixes failing pairs.
- [NPS Scale](https://www.assembli.design/components/nps-scale.md): Net-promoter survey with dock-style magnification across a 0-10 scale that warms from red to green. The follow-up question adapts to detractor, passive or promoter, then folds into a thank-you.
- [Color Picker](https://www.assembli.design/components/color-picker.md): Compact colour picker: a saturation/brightness field, hue slider, hex input and swatches. Pointer-drag and keyboard friendly, copies the hex, works controlled or uncontrolled.
- [Easing Curve Editor](https://www.assembli.design/components/easing-curve-editor.md): Drag the two control points of a cubic-bezier and watch the real animation play against a linear reference. Overshoot is supported, presets spring between curves, handles are keyboard-operable, and the result copies as CSS, Tailwind or Motion.
- [Gradient Builder](https://www.assembli.design/components/gradient-builder.md): A visual CSS gradient editor: drag colour stops along a strip, click to add one with an interpolated colour, spin the angle dial, switch between linear, radial and conic, shuffle harmonious OKLCH palettes, and copy the CSS.
- [Star Rating](https://www.assembli.design/components/star-rating.md): Accessible rating input with half-star precision: hover previews the value, stars pop in a wave when you commit, and arrow keys step by half a star. Also renders read-only for averages.
- [Wheel Picker](https://www.assembli.design/components/wheel-picker.md): An iOS-style 3D drum picker built on native scroll-snap: items curve away on a cylinder as you scroll, with mouse drag, wheel, touch, click-to-select and arrow-key support. Compose several for time and date pickers.

Back to [all components](https://www.assembli.design/components.md).