category hub
Micro Design & Utility Tools
Some of the most useful site tools are the smallest ones. A contrast check, a quick gradient, a reusable box shadow, a favicon pack, or a password strength review can unblock a design or launch task in minutes. This hub collects those focused browser-side helpers into one family so design, product, and content work can keep moving without heavier software.
Featured tool
start heretool workflow
Check WCAG contrast ratio and pass or fail levels between two colors with a live sample preview.
result panelwaiting
Check WCAG contrast ratio and pass or fail levels between two colors with a live sample preview.
Common use cases
3 examples- Check accessibility and generate small CSS snippets during UI polish work.
- Create gradients, shadows, and border-radius values without guesswork.
- Handle small launch tasks like password feedback and favicon generation in one place.
Related topics
4 anglesaccessibility checkscss snippetslaunch polishsmall UI helpers
Common tools
6 routesColor Contrast CheckerCheck WCAG contrast ratio between two colors and preview the pair live.CSS Gradient GeneratorBuild a linear CSS gradient with start and end colors, angle control, preview, and copy output.Box Shadow GeneratorGenerate box-shadow CSS with offsets, blur, spread, opacity, and inset control.Border Radius GeneratorGenerate border-radius CSS with separate corner controls and a live preview.Password Strength CheckerCheck a password draft against common strength signals and get practical improvement suggestions.Favicon GeneratorGenerate a starter favicon pack from one source image with preview, downloads, and copy-ready HTML tags.