CSS Generators

A collection of css-only ribbon shapes

Get a nice Ribbon Shape created with a single-element and customizable using CSS variables.

<div class="ribbon">Your text content</div>

Click the ribbon to copy the CSS

This is a Ribbon
This is a Ribbon
This is a Ribbon
This is a Ribbon
Ribbon
Ribbon
100%
CSS
100%
CSS
100%
CSS
100%
CSS
This is a Ribbon
This is a Ribbon
This is a Ribbon
This is a Ribbon
This is a Ribbon
This is a Ribbon
This is a Ribbon
This is a Ribbon
This is a Ribbon
This is a Ribbon
This is a Ribbon
This is a Ribbon
This is a Ribbon
By Temani Afif twitter icon Buy Me A Coffee