BinaryUI

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

Stack Used

• HTML
• Vanilla CSS
• Vanilla JavaScript
  
  

Demo

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