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

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

Made with

  • HTML / CSS (SCSS)

About a code

Multi-Buttons

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

Responsive: no

Dependencies: -

Author

  • Luis

Made with

  • HTML / CSS

About a code

Multi-Button Sweet

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

Responsive: no

Dependencies: -

Author

  • Laura Pierson

Made with

  • HTML / CSS (SCSS)

About a code

Multi-Buttons

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

Responsive: no

Dependencies: -

Author

  • HeadOnKeyboard

Made with

  • HTML / CSS (SCSS)

About a code

Multi Button

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

Responsive: no

Dependencies: -

Author

  • m

Made with

  • HTML / CSS

About a code

Multi Button

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

Responsive: no

Dependencies: font-awesome.css

Author

  • Katharina

Made with

  • HTML / CSS

About a code

Multi-Buttons

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

Responsive: no

Dependencies: -

Author

  • Patrick Corrigan

Made with

  • HTML / CSS (SCSS)

About a code

CSS Group Buttons

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

Responsive: no

Dependencies: -

Author

  • Dorota S.

Made with

  • HTML / CSS (SCSS)

About a code

Multi-Buttons

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

Responsive: no

Dependencies: -

Author

  • Mark Praschan

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

Made with

  • HTML / CSS

About a code

Parcel Box Multi-Button

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

Responsive: no

Dependencies: -

Author

  • Deren

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

Made with

  • HTML / CSS

About a code

Multi Buttons

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

Responsive: yes

Dependencies: -

Author

  • Dorota S.

Made with

  • HTML / CSS (SCSS)

About a code

Multi-Buttons

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

Responsive: no

Dependencies: -

Author

  • Chaspyr

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

Made with

  • HTML / CSS (SCSS)

About a code

Multi Button

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

Responsive: no

Dependencies: -

Author

  • Vast Rideside

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

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

Made with

  • HTML / CSS

About a code

Multi-Buttons

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

Responsive: no

Dependencies: -

Author

  • miranda

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

Made with

  • HTML / CSS

About a code

Multi-Button

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

Responsive: no

Dependencies: -

Author

  • Erin E. Sullivan

Made with

  • HTML / CSS (SCSS)

About a code

Multi Buttons

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

Responsive: no

Dependencies: -