Dev Design Library

Selection frame

The one selection for every kind of object: a 1.25 green ring with a flat collar at offset 6, eight handles on the ring line, and a graphite readout of the measured frame. Hover shows only faint corner dots and an edge light.

Selection frame preview
Library
Metal UI
Framework
React + SwiftUI
Type
ui
License
MIT
Files
  • packages/metalui/src/components/selection-frame/selection-frame.tsx
  • packages/metalui/src/motion/awake.ts
  • packages/metalui/src/motion/duration.ts
  • packages/metalui/src/motion/haptic.ts
  • packages/metalui/src/motion/hop.ts
  • packages/metalui/src/motion/indicator.tsx
  • packages/metalui/src/motion/layout-effect.ts
  • packages/metalui/src/motion/leave.ts
Source
https://github.com/vijayksingh/metalui

More from Metal UI