Select

A form select with a two-layer proximity highlight (selected accent tint + muted hover), drawn check animation, and a trigger label morph on selection change.

Library

Nexvyn UI

Framework

React

Type

ui

License

CC-BY-NC-4.0+Commons-Clause+MIT

Dependencies

motion

Install

npx shadcn@latest add @nexvyn/select

Files

• components/ui/select.tsx
• lib/hooks/use-proximity-highlight.tsx
• lib/sound.ts
• hooks/use-mounted.ts
• lib/motion-tokens.ts
• lib/utils.ts

Source

https://github.com/Nexvyn/Nexvyn-ui

Categories

• Input Components
• React Input Components
• Tailwind CSS Input Components
• Animated Input Components
• Menu Components
• React Menu Components
• Tailwind CSS Menu Components
• Animated Menu Components
• Navigation Components
• React Navigation Components
• Tailwind CSS Navigation Components
• Animated Navigation Components

More from Nexvyn UI

• Adaptive Actions
• Context Menu
• Dropdown Menu
• Gooey Dropdown
• Morph Nav
• Nav Menu
• Accordion
• Action Button
• AI Input
• Badge
• Banner
• Banner Cookie