Collection of free HTML and CSS tag examples from codepen and other resources.

Author

  • Joshua Comeau

Made with

  • HTML / CSS

About a code

Rounded, Folded Tags

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

Responsive: yes

Dependencies: -

Demo image: Tags

Author

  • Metty

Made with

  • HTML / CSS

About a code

Tags

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

Responsive: yes

Dependencies: -

Author

  • Andrej Sharapov

Made with

  • HTML (Pug) / CSS (SCSS)

About a code

Style for Tags Bar & Search

Used transform, cubic-bezier, -webkit-background-clip, writing-mode.

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

Responsive: yes

Dependencies: -

Author

  • Lauren Ashpole

Made with

  • HTML / CSS

About a code

CSS Christmas Tags

Flip on hover CSS Christmas tags.

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

Responsive: no

Dependencies: -

Author

  • Jonathan Hodgson

Made with

  • HTML / CSS (Less)

About a code

Anchor Tags

A collection of link hover effects.

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

Responsive: yes

Dependencies: -

Demo image: Xmas Tags that Look Like Luggage Tags

Author

  • nicknish

Made with

  • HTML / CSS (SCSS)

About a code

Xmas Tags that Look Like Luggage Tags

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

Responsive: yes

Dependencies: -

Demo image: Tags

Author

  • Kseso

Made with

  • HTML / CSS

About a code

Tags

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

Responsive: no

Dependencies: -

Demo image: CSS3-only Paper Tags

Author

  • Fernando Pasik

Made with

  • HTML / CSS (SCSS)

About a code

CSS3-only Paper Tags

This is for blog posts tags, with pure CSS3.

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

Responsive: no

Dependencies: -