22 CSS Group (Multi) Buttons

Collection of hand-picked free HTML and CSS group (multi) button code examples from Codepen, GitHub and other resources. Update of February 2022 collection. 4 new items

Author

Denise Datuin
July 18, 2020

Made with

HTML / CSS

About a code

Multi-Button Animation

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css

Author

Meaghan
March 18, 2020

Made with

HTML / CSS (SCSS)

About a code

Multi-Buttons

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

Luis
January 26, 2020

Made with

HTML / CSS

About a code

Multi-Button Sweet

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

Laura Pierson
January 13, 2020

Made with

HTML / CSS (SCSS)

About a code

Multi-Buttons

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

HeadOnKeyboard
January 13, 2020

Made with

HTML / CSS (SCSS)

About a code

Multi Button

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

m
January 12, 2020

Made with

HTML / CSS

About a code

Multi Button

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css

Author

Katharina
January 10, 2020

Made with

HTML / CSS

About a code

Multi-Buttons

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

Patrick Corrigan
January 9, 2020

Made with

HTML / CSS (SCSS)

About a code

CSS Group Buttons

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

Dorota S.
January 9, 2020

Made with

HTML / CSS (SCSS)

About a code

Multi-Buttons

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

Mark Praschan
January 8, 2020

Made with

HTML / CSS

About a code

Simple Multi-Buttons

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Author

qqe.app
January 8, 2020

Made with

HTML / CSS

About a code

Parcel Box Multi-Button

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

Deren
January 8, 2020

Made with

HTML (Pug) / CSS (SCSS)

About a code

CSS Multi Button

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css

Author

Ryan Mulligan
January 8, 2020

Made with

HTML / CSS

About a code

Multi Buttons

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Author

Dorota S.
January 7, 2020

Made with

HTML / CSS (SCSS)

About a code

Multi-Buttons

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

Chaspyr
January 7, 2020

Made with

HTML / CSS

About a code

Multi-Buttons

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css

Author

Niels Voogt
January 7, 2020

Made with

HTML / CSS (SCSS)

About a code

Multi Button

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

Vast Rideside
January 6, 2020

Made with

HTML (Pug) / CSS (SCSS)

About a code

Multi Button - Pillbox

Neon multi buttons.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

vivien
January 6, 2020

Made with

HTML / CSS (SCSS)

About a code

CSS Multi Button

Change the $main-color to see how it shifts.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

brigitamaria
January 7, 2020

Made with

HTML / CSS

About a code

Multi-Buttons

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

miranda
January 6, 2020

Made with

HTML / CSS (SCSS)

About a code

Multi-Buttons

This is a collection of buttons that are grouped together. They are still individual distinct buttons, but they are designed to be together for UX reasons.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css

Author

Jesus Ramirez
January 6, 2020

Made with

HTML / CSS

About a code

Multi-Button

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

Erin E. Sullivan
January 6, 2020

Made with

HTML / CSS (SCSS)

About a code

Multi Buttons

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

Links

Made with

About a code

Multi-Button Animation

Author

Links

Made with

About a code

Multi-Buttons

Author

Links

Made with

About a code

Multi-Button Sweet

Author

Links

Made with

About a code

Multi-Buttons

Author

Links

Made with

About a code

Multi Button

Author

Links

Made with

About a code

Multi Button

Author

Links

Made with

About a code

Multi-Buttons

Author

Links

Made with

About a code

CSS Group Buttons

Author

Links

Made with

About a code

Multi-Buttons

Author

Links

Made with

About a code

Simple Multi-Buttons

Author

Links

Made with

About a code

Parcel Box Multi-Button

Author

Links

Made with

About a code

CSS Multi Button

Author

Links

Made with

About a code

Multi Buttons

Author

Links

Made with

About a code

Multi-Buttons

Author

Links

Made with

About a code

Multi-Buttons

Author

Links

Made with

About a code

Multi Button