BinaryUI is the Best open-source free framework to build attractive UI designs. You'll get the best User-friendly CSS component.

Stack Used

• HTML

• Vanilla CSS

• Vanilla JavaScript

  Installation

To Get styled component, you have put these two links inside head tag of your web page.

<link rel="stylesheet" href="https://binary-ui.netlify.app/components/CDN.css">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 

Component List

Alerts

• Primary Alerts

• Successful Alert

• Danger Alert

• Warning Alert

Avatar

• Image Avatar

• Text Avatar

Badges

• Icon Badges

• Text Badges

• Avatar Badges

Buttons

• Primary Buttons

• Secondary Button

• Outline Button

• Text Button

• Success, Danger, Warning, Dark Button

• Floating Button

• Button With Icon

Cards

• Text Cards

• Text Card with Dismiss

• Vertical Cards

• Vertical Cards with Icons and Primary Button

• Vertical Card with Text overlay

• Vertical Card with Badge

• Horizontal Card

Image

• Responsive Image

• Rounded Image

Inputs

• Primary Input

• Secondary Input

• Disabled Input

• Required Input *

• Number Input

• Textarea

• Error Style *

• Radio

• Checkbox

• Validation With Sign up

• Validation With Login

Text Utilities

• Headings

• Text Alignment

• Text Sizes

• Text Transform

Lists

• Ordered List

• Unordered List

• Stacked List (Notification Page)

• Spaced List

Navigation

Modal

Rating Star

Toast

Grid

• Two Items In A Grid

• Three Items In A Grid