Handdrawn-style UI Components Library For Vue – Roughness

Install & Download:

# NPM
$ npm i roughness

Description:

Roughness is a handdrawn-style UI components library for Vue applications.

Components Included:

  • Button
  • Details
  • Divider
  • Graphics
  • Grid Guide
  • Icon
  • Link
  • Scope
  • Space
  • Text
  • Checkbox
  • Color Picker
  • Form
  • Input
  • Rate
  • Select
  • Slider
  • Switch
  • Upload
  • Avatar
  • Card
  • List
  • QR Code
  • Table
  • Tabs
  • Badge
  • Confirm
  • Dialog
  • Drawer
  • Loading
  • Popover
  • Progress
  • Toast

Preview:

Handdrawn-style UI Components Library For Vue - Roughness

Changelog:

v0.1.0beta 21 (04/12/2024)

  • variable inheritance
  • bugfixes

v0.1.0beta 20 (04/11/2024)

  • add avatar
  • add carousel
  • add qr-code
  • avatar: border style
  • Bug Fixes

v0.1.0beta 19 (04/05/2024)

  • Bug Fixes

v0.1.0beta 15 (03/30/2024)

  • Bug Fixes

v0.1.0beta 10 (12/15/2023)

  • bugfixes

v0.1.0beta 9 (09/28/2023)

  • add badge
  • add color-picker
  • add confirm
  • add loading
  • add upload
  • rate: support –r-rate-gap-size
  • text: support block
  • use lucide icons
  • Bug Fixes

Add Comment