Here are 18 really useful css3 tools & generators for web designers and developers who want to save time. Enjoy !
On/Off FlipSwitch
Generate pure CSS3 On/Off flipswitches with animated transitions.
CSS triangle generator
A generator for pure CSS triangle.
patternify
A CSS Pattern Generator.
Prepros
Prepros compiles all of your less, scss, sass, compass, jade, haml, coffeescript code in the real time with live browser refresh to keep your preprocessing workflow seamless.
Helium
Helium is a tool for discovering unused CSS across many pages on a web site.
stylifyme
Stylify Me was created to help designers quickly gain an overview of the style guide of a site, including colours, fonts, sizing and spacing.
css arrow please!
CSS Arrow Please! is a nice and simple tool for generate a CSS box code with arrow and no image used.
Nettuts+ Prefixr
Prefixr is cool tool to do CSS3 easier Just write the official syntax and it will automatically create the other self.
Grad3
Easy and amazing CSS3 gradient tool!
CSSrefresh
CSSrefresh is a small, unobstructive javascript file that monitors the CSS-files included in your webpage. As soon as you save a CSS-file, the changes are directly implemented, without having to refresh your browser.
Ui Parade – Live Tools
Want to build buttons, ribbons or forms in full css?
Box Shadow
CSS3 Box Shadow Generator to generate box-shadow CSS3.
Fillerati
Say goodby to lorem ipsum with this css3 tool.
prefix-free
-prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed.
CSS3Ps
free cloud based photoshop plugin that converts your layers to CSS3.
Animate.css
animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.