# UCSSR - The Union of CSS Resources

> Free online visual CSS tools for web developers. Generate production-ready CSS code with real-time preview. No signup, runs in the browser.

UCSSR provides six focused CSS tools, each targeting a single CSS property. Every tool offers real-time preview, curated presets, and copy-ready output in Standard CSS, Cross-Browser CSS (vendor prefixes), and Tailwind CSS formats.

## Tools

- [Border Radius](https://ucssr.com//border-radius): Generate complex border radius values with visual controls for each corner
- [Box Shadow](https://ucssr.com//box-shadow): Create stunning multi-layer box shadows with depth and dimension
- [Color Picker](https://ucssr.com//color-picker): Advanced color picker with harmonies, palettes, and format conversion
- [Gradient Generator](https://ucssr.com//gradient-generator): Design beautiful linear, radial, and conic gradients with ease
- [Flexbox Generator](https://ucssr.com//flexbox-generator): Visualize and generate flexbox layouts with interactive controls
- [Button Generator](https://ucssr.com//button-generator): Create polished, customizable buttons with hover states and styles

## Output Formats

- [Standard CSS](https://ucssr.com): Clean, modern CSS properties.
- [Cross-Browser CSS](https://ucssr.com): CSS with vendor prefixes (-webkit-, -moz-) for maximum compatibility.
- [Tailwind CSS](https://ucssr.com): Tailwind utility classes for each tool output.

## Content

- [Blog](https://ucssr.com/posts): Articles and tutorials about CSS tools and modern web development.
- [Changelog](https://ucssr.com/changelog): Latest updates and new features.