deals

premiumpacks & css tags (16 items)

Demos of beautiful CSS tags, shown in popular code playgrounds.

freebies

A code snippet that creates a CSS-only set of tags, although the result is pretty limited if you want to take it any further with transitions and s...

A code snippet that creates a CSS-only set of tags, although the result is pretty limited if you want to take it any further with transitions and stuff. It has a hover state in which the color changes and the tags get adapted to the size of the text in the label. The code is well organised and teaches us how to create both the triangles and the inner circles.

Kushagra Agarwal has created and implemented this set of iOS inspired buttons with linear gradients and bordered style. They are pretty simple, and...

Kushagra Agarwal has created and implemented this set of iOS inspired buttons with linear gradients and bordered style. They are pretty simple, and it  is CSS is always ready to be implemented in any website. It works in most browsers and they come in different shapes, directions. Apply color to make them even more visible.

Everything in here is created by using pure CSS. The tags are done using the :after and :before pseudo elements and using basic CSS3 properties lik...

Everything in here is created by using pure CSS. The tags are done using the :after and :before pseudo elements and using basic CSS3 properties like linear-gradient, box-shadow, etc. Also, because they are created purely in CSS, the circles or holes inside the tags are not transparent and can’t be made that way.

Lifetime Access: 40,000+ Stock Video Footage, High Definition 1080px, MP4 Files, 150+ Categories, 75 New Videos Each Month, Commercial Use!

Lifetime Access: 40,000+ Stock Video Footage, High Definition 1080px, MP4 Files, 150+ Categories, 75 New Videos Each Month, Commercial Use!

This code snippet is a simple tags generator. You Just need to type a word and press enter or comma to see the magic. It has a regular textarea in ...

This code snippet is a simple tags generator. You Just need to type a word and press enter or comma to see the magic. It has a regular textarea in which you can type anything and it will assign the shape of a minimal tag to it. Also, it has an "x" next to the label so the tag can be easily deleted. It's perfect to be implemented in the admin panel of any blog.

Here we have a set of tags created in CSS with different sizes, effects and shadows. The CSS file is commented properly indicating the effects adde...

Here we have a set of tags created in CSS with different sizes, effects and shadows. The CSS file is commented properly indicating the effects added to the tag, how to create the triangle, the circle, and how to create the larger version with enhancements.

Beautiful tags resembling real life ticket tags. These nice tags use CSS to create the effects like the reverse rounded corners and the thread, all...

Beautiful tags resembling real life ticket tags. These nice tags use CSS to create the effects like the reverse rounded corners and the thread, all intended to give the tags a realistic appearance, even though they are flat. The tags adapt to the size of the texts within them, and they change colors when hovered over. They have two different sizes.

Lifetime Access: Social Media Management Tool. Feature Rich Platform With Unlimited Social Media Profiles & Projects At No Extra Cost. Pay Once, Us...

Lifetime Access: Social Media Management Tool. Feature Rich Platform With Unlimited Social Media Profiles & Projects At No Extra Cost. Pay Once, Use Forever!

Rascal Tags is a tagging system created entirely in CSS for your posts with particular styles, including a shopping bag tag appearance, a modern re...

Rascal Tags is a tagging system created entirely in CSS for your posts with particular styles, including a shopping bag tag appearance, a modern rectangular tag with rounded borders, and a completely flat tag. Every tag is composed by a label and a number for showing the amount of posts related. The tags were created by Dan Klammer on Codepen.

This code snippet generates a “paper like” tag. Created with SCSS and HTML, the tag has a regular minimal style, with a subtle gradient for a puffy...

This code snippet generates a “paper like” tag. Created with SCSS and HTML, the tag has a regular minimal style, with a subtle gradient for a puffy appearance and a subtle shadow. It was created by Fernando Pasik and uploaded to codepen.

This is a single set of tags that also have a number, perfect for counting posts. It was created with HTML and LESS, with a minimal style, typograp...

This is a single set of tags that also have a number, perfect for counting posts. It was created with HTML and LESS, with a minimal style, typography and a notable counter in each one. Also, they are inside a container that's responsive, so you can grab the code and implement it on your website. It was created by Phillip Haydon from Codepen.

Exclusive Deal LStore Graphics: Smart UI/UX Design System, UI Kits & Templates For Sketch & Photoshop

Exclusive Deal LStore Graphics: Smart UI/UX Design System, UI Kits & Templates For Sketch & Photoshop

This set of steady price tags was created with Slim and Sass (two versions of CSS to reduce the amount of code used.) The cool price tags display b...

This set of steady price tags was created with Slim and Sass (two versions of CSS to reduce the amount of code used.) The cool price tags display both the price and some relevant info at the bottom, like the price and a deal label. It is a nice experiment created by adamedoe on Codepen.

An interesting set of tags brought to us by TheCodePlayer. Each one of them changes its size automatically in order to fit correctly with the lengt...

An interesting set of tags brought to us by TheCodePlayer. Each one of them changes its size automatically in order to fit correctly with the length of the text inside contained within. They go from light gray to a solid black tone when hovering over them. Styled purely with CSS3.

This code experiment creates nice sliding tags with the help of CSS and HTML. Every one of the tags is composed of two parts, a label, like any oth...

This code experiment creates nice sliding tags with the help of CSS and HTML. Every one of the tags is composed of two parts, a label, like any other regular tag, and a hidden part where we can find the amount of posts on each category. The hidden numbers reveal when you hover over the tag. The tags were created by Codepen's user Thibaut.

68 Fonts Bundle, 9+ Design Styles, Several Weights with Variations and Swashes, Extended License, only 7$! (98% Off)

68 Fonts Bundle, 9+ Design Styles, Several Weights with Variations and Swashes, Extended License, only 7$! (98% Off)

These are just simple tags with a subtle bevel, thought for a movies' website or app. They can be used as a base for complete tags by adding shadow...

These are just simple tags with a subtle bevel, thought for a movies' website or app. They can be used as a base for complete tags by adding shadows, hover-state effects, better font, or anything you can think of. These tags were created by Codepen's user jrosado.

Make your tags more noticeable and interesting with this freebie: it is composed of simple and minimal red-colored tags with gradients. When you ho...

Make your tags more noticeable and interesting with this freebie: it is composed of simple and minimal red-colored tags with gradients. When you hover over one the selected tag stays the same but the rest outshine. If you have a WordPress powered blog just download the plugin version and you’re good to go!

This code snippet creates a set of pretty amazing tags. Each one of them lightens up when they are hovered over. There's no functionality on sight,...

This code snippet creates a set of pretty amazing tags. Each one of them lightens up when they are hovered over. There's no functionality on sight, but they  are a great design resource. Their simple HTML and CSS code allow them to be easily integrated into any website or blog. This resource was created by Wouter Beeftink from Codepen.

40 Premium WordPress Plugins to Revamp Your Website! SEO Optimizing, Campaign Management, Quality Leads Generation & Capture, Page Building, Social...

40 Premium WordPress Plugins to Revamp Your Website! SEO Optimizing, Campaign Management, Quality Leads Generation & Capture, Page Building, Social Conversion Boosting, Mobile Optimizing, Browser Graphical Editors, Opt-In Content Delivery, and so much more! Only 19$!

Here we have a set of unique tags for blogs and website posts. Created with Sass and HTML, they come in different sizes so they can be easily integ...

Here we have a set of unique tags for blogs and website posts. Created with Sass and HTML, they come in different sizes so they can be easily integrated into any project, improving its appearance and performance. The tags change colors when they are hovered over. Check out the CSS and improve them!