Top Free CSS3 Generators Online

Aug 15, 2011

I like to hand-code my CSS - call me old fashioned. BUT some of the CSS3 effects require a fair amount of typing when you include all the browser prefixes. Enter CSS3 Generator.

Below are my Top 4 Free Online Tools for generating CSS3 (in no particular order - which goes without saying cause otherwise I would've used <ol> right?)

  • http://css3generator.com/ » The drop-down list says "Choose Something". Choices include: shadows, transitions, even transform and @font-face! It has an option for border-radius, but if that's the only thing you need, there's the quick and dirty:
  • http://border-radius.com/ » Super simple, uber-easy-to-use, just does border-radius. What more can I say?
  • http://www.colorzilla.com/gradient-editor/ » Sleek, Photoshop-like gradient editor that spits out cross-browser CSS. Fancy - with live preview and the like. Resist the urge to add gradients to everything you do.
  • http://www.cssbuttongenerator.com/ » Comes with some nice default palettes, but fully customizable with your own color values. Sleek color-picker and sliders to make it how you want it, plus a link to a more advanced button generator. I've definitely been making more buttons since this baby came online :)

Big, huge shout-out to all the peeps who made these awesome tools. They've saved me some Carpal-Tunnel and/or made my sites look better. You guys rock!