Pallet-UI

Pallet-UI - A component library to develop apps rapidly with responsive, reusable building blocks.

Instructions to use

• There is a cdn link given in the website.
• You can add that link in head section of your code.

  <link rel="stylesheet" href="https://pallet-ui.netlify.app/css/component.css">

• Now you are ready to use the components
• You can add the code of components available in the website according to your need.

Stack Used

• HTML
• Vanilla CSS

Component List

Alerts

• Primary Alert
• Secondary Alert
• Success Alert
• Danger Alert
• Warning Alert

Avatar

• Round Avatar
• Square Avatar

Badges

• Avatar Badges
• Icon Badges

Buttons

• Primary Buttons
• Secondary Button
• Icon Button
• Text Button
• Outline Button
• Link Button

Cards

• Text Cards
• Text Card with Dismiss
• Vertical Cards
• Card with Text overlay
• Card with Badge
• Horizontal Card

Image

• Responsive Image
• Rounded Image

Inputs

• Label Input with validation
• Radio Buttons
• Check Box Buttons

Text Utilities

• Headings
• Small Text
• Grey Text
• Center Text

Lists

• Ordered List
• Unordered List
• Stacked List

Navigation

Toast

Ratings

Grid

Modal