Butns

Butns is an advanced buttons library for your website, using a set of pre defined classes you can fully customize your button and step up your website's design.

Installation

There are many ways to install Butns

• CDN: <link rel="stylesheet" href="https://unpkg.com/butns">
• Bower: bower install butns
• NPM: npm install butns
• Clone the repo: git clone git://github.com/ahmedtarek2134/Butns
• Download the zip file

Available colors

Butns has all of Google's Material Design colors so it will fit any website using them!

• red
• purple
• deep-purple
• indigo
• blue
• light-blue
• cyan
• teal
• green
• light-green
• lime
• yellow
• amber
• orange
• deep-orange
• grey
• blue-grey
• brown
• black
• white

Available types

• fill (default)
• outline
• dark
• light
• gradient
• dark outline
• light outline

Available Options

• rounded
• small
• medium
• large
• semi-transparent
• shadow
• transition

Usage

To See how you can start using Butns, visit the official website!

just a hint of using butns: <button class="butn red outline medium shadow"></button> it's that easy!