Tiny project examples based on 10 different CSS and SVG generators for various effects. Inspired by this tweet by Savio Martin
| Effect | Generator URL | Live Demo |
|---|---|---|
| CSS Shadow | https://shadows.brumm.af | Live Demo |
| Pattern Background | https://heropatterns.com | Live Demo |
| SVG Background | https://www.svgbackgrounds.com | Live Demo |
| Fancy Border Radius | https://9elements.github.io/fancy-border-radius | Live Demo |
| CSS Gradient | https://cssgradient.io | Live Demo |
| Glasmorphism | https://hype4.academy/tools/glassmorphism-generator | Live Demo |
| SVG Waves | https://getwaves.io | Live Demo |
| SVG Blobs | https://www.blobmaker.app | Live Demo |
| CSS Grid | https://cssgrid-generator.netlify.app | Live Demo |
| Neomorphism | https://neumorphism.io | Live Demo |
This is part of a YouTube tutorial. The _starter_files directory has all of the folders and starter html/css for the project to follow along.