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.
CSS HTML JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dist
icon
site
src
.gitignore
.travis.yml
CNAME
bower.json
gulpfile.js
index.html
package.json
readme.md
yarn.lock

readme.md

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!