Despite gaining some enemies in the web design world, ribbons can still be useful and look good, if used properly.
Ribbon elements can be used to serve various purposes on a website, for example, you can use them to mark a product as NEW or ON SALE in an e-shop, attract attention to a discount or simply emphasize the tag or category of a blog post. Also, you can use them in nav bars, buttons, call to action graphics and more.
To make things easier for you, we searched the web for some of the best, free ribbon elements for your website. The result is this list with 20 best-designed ribbon elements you can customize and use right away.
Whether you love ‘em or hate ‘em, ribbons still have their place in modern web design. Use them wisely and get inspired by this roundup.
These are some cool ribbons, which you can customize to fit your needs. They are perfect for product galleries on e-commerce websites, for tagging a product as “SALE” or “NEW”.
This set contains both corner and round ribbons in different colors. If you don’t like these gradients, don’t worry, they are fully customizable.
This ribbon is elegant and has some really nice textures and shadows added to it. It can be a nice detail on a website or other type of design.
This vertical ribbon menu can be used in a nice retro/vintage website design. We don’t like the colors either, but this is a quick fix due to the customizable PSD file.
This is a simple, 3D download button with cool ribbon details that catch your attention. Colors can be modified as you please.
If you like ribbons elements this is a great addition to your collection. It’s simple and has some really nice, subtle details.
This custom ribbon header is 960px by 150px and comes with seven different ribbon colors – blue, dark gray, green, light blue, orange, red and turquoise.
These are some cool looking ribbons which would look great in a vintage themed website. Use them to emphasize blocks of text or turn them into fully functional buttons.
Here’s a nifty badge with a ribbon wrapped around it, in 2 color combinations.
This free, layered ribbon banner can be very useful when it comes to headers, titles, presentations, and more! Looks best on retro-themed websites and designs.
These are some different kind of ribbons but they have a really nice 3D tape effect. Use them on your more realistic web design projects.
This is a small and simple red ribbon. It would look great as a sale or new tag on an online shop, as well as a blog tag.
You can easily change the color of this ribbon with just a few clicks. Changing its orientation will require a bit more work, but it also can be done in no more than 3 minutes.
These cool colorful ribbons can make up a great, fun navigation menu! If you want to tone it down a bit, just replace the colors and make it monochromatic.
This blue ribbon comes with a layered PSD for you to play with. It is very easy to change the color scheme. It is also a vector, so you can resize this ribbon PSD anyway you like with no quality loss.
This is a cool ribbon menu with a very nice 3D effect and overlayed textures. It’s a great way to emphasize the page you’re on.
This download includes the editable PSD file, thus making any modifications is a simple process. So, relax! It’s just a ribbon!
This is a professional, milestone marker ribbon with a nice 3D effect. Add it on a website or any other kind of graphic design project.
The ribbon graphic can be used as a subtle call-to-action button or highlight a specific piece of item on your website or blog. This freebie is a perfect example for that!
These ribbons can be used as cool nav bars or if re-sized, as buttons! They will definitely attract the desired attention.