Thread by @denicmarko

CSS generators can save you a lot of time and effort.

🧵

1. Buttons CSS generator

100+ buttons you can use in your project.

Link: markodenic.com/tools/buttons-…

2. Neumorphism/Soft UI generator

CSS code generator that will help with colors, gradients, and shadows to adopt this new design trend or discover its possibilities.

Link: neumorphism.io

3. Smooth Shadow generator

Link: shadows.brumm.af

4. Fancy Border Radius Generator

Generator to build organic shapes with a CSS3 border-radius.

Link: 9elements.github.io/fancy-border-r…

5. Easing Gradients

Supercharge your gradients with a non-linear color mix and custom color spaces.

Link: larsenwork.com/easing-gradien…

6. Data Viz Color Palette Generator

Create visually-equidistant color schemes for data visualizations using one, two, or many hues.

Link: learnui.design/tools/data-col…

7. CSS Grid Generator

Link: cssgrid-generator.netlify.app

8. CSS Accordion Slider Generator

A free online generator that allows you to create CSS only (no javascript) horizontal and vertical accordion sliders.

Link: accordionslider.com

9. CSS clip-path maker

Link: bennettfeely.com/clippy/

10. Get Waves

A free SVG wave generator to make unique SVG waves for your next web design. Choose a curve, adjust complexity, randomize!

Link: getwaves.io

I write monthly emails full of real-world web development tips and resources.

You can subscribe directly from my profile (@denicmarko).