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.
Corner Ribbons
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”.
Ribbons
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.
Red ribbon
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.
Ribbon Menu
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.
Little Black Ribbon
If you like ribbons elements this is a great addition to your collection. It’s simple and has some really nice, subtle details.
Custom Ribbon Header
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.
Wibbons
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.
Badge with Ribbons
Here’s a nifty badge with a ribbon wrapped around it, in 2 color combinations.
Layered PSD Banner-Badge
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.
4 Free PSD Ribbon Templates
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.
Pretty Little Red Ribbon (PSD)
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.
Blue featured ribbon
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.
Colorful Ribbons
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.
Curled date ribbon
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.
Pretty Little Folded Ribbon
This download includes the editable PSD file, thus making any modifications is a simple process. So, relax! It’s just a ribbon!
10k downloads 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.
Beautiful ribbon in 3 colors
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!
360 Project – Ribbon
These ribbons can be used as cool nav bars or if re-sized, as buttons! They will definitely attract the desired attention.