Dev Design Library

Analog Stick

A metallic stick that tilts into the press. Hover a quadrant and the cap leans, the shadow shifts, and the matching arrow goes amber.

Analog Stick preview
Library
uselayouts
Framework
React
Type
component
License
MIT
Dependencies
clsx, tailwind-merge
Install
npx shadcn@latest add https://uselayouts.com/r/analog-stick
Files
  • registry/default/example/analog-stick.tsx
  • lib/utils.ts
Source
https://github.com/iurvish/uselayouts

Categories

More from uselayouts