---
title: "CSS Generators"
description: "Twenty parameterised generators for CSS-only shapes, ribbons, tooltips, gradient shadows, section dividers and fancy borders."
canonical: "https://vibing.inc/library/css-generators-vg-0124"
category: "Backgrounds, Effects & CSS Oddities"
subcategory: "CSS generators"
license: "free"
author: "Temani Afif (@ChallengesCss)"
source: "https://css-generators.com/"
---

# CSS Generators
Twenty parameterised generators for CSS-only shapes, ribbons, tooltips, gradient shadows, section dividers and fancy borders.
## Facts
- Source: https://css-generators.com/
- Category: Backgrounds, Effects & CSS Oddities / CSS generators
- Author: Temani Afif (@ChallengesCss)
- Licence: free
- Tags: css, generator, shapes, shadows
## Why it's a gem
Gradient shadows and CSS-only ribbons that most developers still fake with images
---
Listed in The Vibeary: https://vibing.inc/library/css-generators-vg-0124 · JSON: https://vibing.inc/api/public/library/gems/css-generators-vg-0124