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:

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