Animated backgrounds, a CSV/JSON converter and more
Four animated CSS snippets plus a CSV ⇄ JSON converter and a tints & shades generator.
Fresh batch — four CSS snippets and two utilities.
Snippets
- Animated gradient background — a looping, color-shifting backdrop in pure CSS.
- Custom range slider — a themeable,
cross-browser styled
input[type=range]. - Striped progress bar — an animated candy-stripe progress fill.
- Corner ribbon badge — a diagonal “New / Sale” ribbon for cards.
Tools
- CSV ⇄ JSON converter — turn CSV into a JSON array of objects and back, with proper quote handling.
- Tints & shades generator — lighter and darker variants of any color for UI states.
That’s 30 tools and 20 snippets now. Browse tools, snippets, or follow along via RSS.