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