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

Author

  • Denise Datuin

Links

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

Links

Made with

  • HTML / CSS (SCSS)

About a code

Multi-Buttons

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

Responsive: no

Dependencies: -

Author

  • Luis

Links

Made with

  • HTML / CSS

About a code

Multi-Button Sweet

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

Responsive: no

Dependencies: -

Author

  • Laura Pierson

Links

Made with

  • HTML / CSS (SCSS)

About a code

Multi-Buttons

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

Responsive: no

Dependencies: -

Author

  • HeadOnKeyboard

Links

Made with

  • HTML / CSS (SCSS)

About a code

Multi Button

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

Responsive: no

Dependencies: -

Author

  • m

Links

Made with

  • HTML / CSS

About a code

Multi Button

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

Responsive: no

Dependencies: font-awesome.css

Author

  • Katharina

Links

Made with

  • HTML / CSS

About a code

Multi-Buttons

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

Responsive: no

Dependencies: -

Author

  • Patrick Corrigan

Links

Made with

  • HTML / CSS (SCSS)

About a code

CSS Group Buttons

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

Responsive: no

Dependencies: -

Author

  • Dorota S.

Links

Made with

  • HTML / CSS (SCSS)

About a code

Multi-Buttons

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

Responsive: no

Dependencies: -

Author

  • Mark Praschan

Links

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

Links

Made with

  • HTML / CSS

About a code

Parcel Box Multi-Button

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

Responsive: no

Dependencies: -

Author

  • Deren

Links

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.

Links

Made with

  • HTML / CSS (SCSS)

About a code

Multi-Buttons

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

Responsive: no

Dependencies: -

Author

  • Chaspyr

Links

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

Links

Made with

  • HTML / CSS (SCSS)

About a code

Multi Button

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

Responsive: no

Dependencies: -

Author

  • brigitamaria

Links

Made with

  • HTML / CSS

About a code

Multi-Buttons

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

Responsive: no

Dependencies: -

Author

  • miranda

Links

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

Links

Made with

  • HTML / CSS

About a code

Multi-Button

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

Responsive: no

Dependencies: -