Buttonic

A rich CSS button library built with LESS

Generate Convert Improve

Install / Use

/learn @brenolf/Buttonic

About this skill

Quality Score

0/100

README

Buttonic

Buttonic is a rich CSS button library built with LESS, created by Breno that can be easily (I hope so) modified.

You can check live exaples here.

Use-only

Download the CSS files.
Include following rules into your code (the styles that you want, add Font-Awesome if you are going to use icons).

<link rel="stylesheet" type="text/css" href="css_path/buttonic-plain.css">
<link rel="stylesheet" type="text/css" href="css_path/buttonic-push.css"> <link rel="stylesheet" type="text/css" href="css_path/buttonic-flat.css"> <link rel="stylesheet" type="text/css" href="css_path/buttonic-badge.css">

You're all set!

Customise Buttons

Clone the repo
Install LESS
Install gulp
Edit files
run gulp styles to compile the files

Browser Support

Buttonic works in all modern browsers (Chrome, Firefox, Safari, Opera) but it was not tested on IE.

Related Skills

node-connect

353.3k

Diagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps

frontend-design

111.7k

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

openai-whisper-api

353.3k

Transcribe audio via OpenAI Audio Transcriptions API (Whisper).

qqbot-media

353.3k

QQBot 富媒体收发能力。使用 <qqmedia> 标签，系统根据文件扩展名自动识别类型（图片/语音/视频/文件）。