About GradientDeck

A free toolkit for web developers.

GradientDeck helps with everyday work on a website: choosing colors, making a background, adding a shadow, or creating an animation. Adjust the result in your browser and copy the code into your project.

Who it is for

Anyone building a website can use these tools. You can start with a preset or adjust the colors and settings yourself.

Using the tools

Each tool shows a preview as you change its settings. Copy the output in the format your project needs, including CSS, Tailwind, SVG, or React.

Guides and examples

The guides explain how to use the code, choose colors, and check contrast. They include examples and links to further reading.

Try a tool

Start with the CSS gradient generator to make a background, or read the guides for examples and explanations.