Dev Design Library

Draw tools

The drawing group of the toolbar: eight tool caps (pen, pencil, marker, line, arrow, rectangle, ellipse, eraser) with one latched, then the five inks and three widths.

Draw tools preview
Library
Metal UI
Framework
React + SwiftUI
Type
ui
License
MIT
Dependencies
@base-ui/react@^1.8.0
Files
  • packages/metalui/src/blocks/draw-tools/draw-tools.tsx
  • packages/metalui/src/components/draw-picks/draw-picks.tsx
  • packages/metalui/src/icons/components.generated.tsx
  • packages/metalui/src/components/toolbar/toolbar.tsx
  • packages/metalui/src/components/tooltip/tooltip.tsx
  • packages/metalui/src/components/kbd/kbd.tsx
  • packages/metalui/src/motion/duration.ts
  • packages/metalui/src/icons/Icon.tsx
Source
https://github.com/vijayksingh/metalui

More from Metal UI