Collection of hand-picked free HTML and CSS group (multi) button code examples from Codepen and other resources.

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

  • 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

  • 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: -