VisualCSS CodeFree

Click a direction to set your CSS gradient angle

background: linear-gradient(to bottom, #3B82F6, #8B5CF6);
to bottom180deg
Share:Copied!
Was this tool helpful?

Get a free API key + new tools as they ship

100 calls/day, no card, no spam. Built by one person, in public.

About Grad Dir

Most online tools for developer and design work bury what you need behind ads and forms. Grad Dir takes the opposite approach: load the page, do the job, leave. Everything happens client-side, which means your files and data never leave your machine. The interface is intentionally minimal so you can focus on the task instead of learning the tool. If you find yourself doing this regularly, the rest of the developer suite covers most adjacent tasks with the same approach.

When you'd reach for Grad Dir

  • You're on a public or shared machine and don't want to leave traces of what you're working on.

    Travelers, contractors, anyone working from a friend's computer.

    Nothing is uploaded, nothing persists if you're not signed in.

  • You're hitting the daily limit of a paid SaaS and need a backup option for a single quick job.

    Marketers and ops people whose primary tool is metered.

    Stay productive without burning credits.

  • You're cleaning up a folder of files that accumulated over a project and need to standardize them.

    Designers, writers, and developers wrapping up deliverables.

    Drop each file in, copy the output, move on.

  • You need to handle a one-off task right before a meeting and don't have time to install anything.

    Anyone working remotely on a borrowed or restricted machine.

    Open the page, get the result, paste it into your doc — under a minute.

Frequently asked about Grad Dir

Does Grad Dir work on mobile?
Yes, Grad Dir is fully responsive and tested on iOS Safari and Android Chrome.
Will Grad Dir change my original file?
Never. Grad Dir only reads your input file and produces a new output file.
Do I need to create an account to use Grad Dir?
No. Grad Dir works without any signup. We only ask for an email if you decide to subscribe to a paid plan.
Are my files uploaded to a server when I use Grad Dir?
Grad Dir processes everything in your browser using local APIs. Your files never leave your device.
Can I use Grad Dir commercially?
Yes. The output of Grad Dir belongs entirely to you, with no licensing restrictions.