GlideSelect

Selector cuyo menú sale de su esquina con un resaltado que se desliza.

Cómo instalarlo

npx shadcn@latest add https://reactbits.dev/r/GlideSelect-TS-TW

Para acciones frecuentes: confirmar, marcar, valorar. El feedback convierte un clic en una sensación.

Prop	Tipo	Por defecto
options	(string \| { value: string; label: ReactNode; tag?: string })[]	["One", "Two", "Three"]
value	string	undefined
defaultValue	string	undefined
onChange	(value: string, option) => void	-
placeholder	string	"Select…"
showTags	boolean	true
accentColor	string	"#f5f5f5"
surfaceColor	string	"#27272a"
highlightColor	string	"#3f3f46"
textColor	string	"#f5f5f5"
size	"sm" \| "md" \| "lg"	"md"
radius	number	10
menuWidth	number	176
placement	"top" \| "bottom"	"bottom"
align	"left" \| "right"	"left"
popDuration	number	180
glideDuration	number	220
rememberPosition	boolean	true
disabled	boolean	false
ariaLabel	string	"Select"
className	string	""

PaperCrumple — Imagen que se arruga como papel al mantenerla pulsada.
RainbowButton — Botón con un borde arcoíris animado.
ShimmerButton — Botón con un destello que recorre su borde.
SloshGauge — Indicador de depósito con líquido que se mueve con inercia.
SwipeToast — Notificación que se descarta deslizando y se consume sola.
WarmTooltip — Tooltips agrupados: el primero espera y los siguientes aparecen al instante.