Skip to content

cquesadad/ui-glasscard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MIT License LinkedIn

ui GlassCard

Ultimate glassmorphism package to make awesome glasscard UI componets like info cards in websites

Preview

Preview Screen Shot

Installation

  1. In terminal install this package with the next line:
npm i ui-glasscard --save
  1. Then import the package function into your main javascript file.
import { uiglasscard } from 'uiglasscard';
  1. And finally choose the options to manage the look and feel of the card:
uiglasscard({
    glass_type: 'hard',
    glass_color: 'dark',
    border: true,
    border_radius: 2
})

Options

UI-GLASSCARD supports 2 options at the beguining, both are optionals:

  • glass_type - hard / soft (Default to soft)
  • glass_color - dark / light (Default to light)
  • border - boolean (Default to false)
  • border_radius - 1 / 2 / 3 (Default to 1)

Contributing

If someone wants to add new features in UI-GRASSCARD or improve something, I invite you to collaborate directly in this repository: ui-glasscard

License

random-msg is released under the MIT License.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published