This is the second part of our “Resources for WordPress Theme Designers” series, last time out we looked at Free Font Icons. This time I am going to be looking at tools to help with your CSS development. With the introduction of CSS3 things got a little more complicated and much more powerfull for web designers and there is a whole load of new tools to make your life easier and help you get to all the new features.


CSS3Ps – free cloud based photoshop plugin that converts your layers to CSS3.

Sencha Animator

With the power of Sencha Animator, use CSS3 animations to build the next generation rich-media ads. Animate text and images with smooth transitions, design buttons with gradients, and embed analytics. All backed by the strength of web standards.

Prefix My CSS

Prefix your CSS3 code – add support for vendor prefixes.

CSS3 Generator

Generate CSS3 effects visually and copy the created code

CSS3 Transforms

One of the most powerful features of CSS3 are transforms, which allow us to take any element in an HTML document, and while not changing its effect on the page layout, rotate it, translate it (move it left, right, up and down), skew it and scale it.

CSS3 Gradient Generator


Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser.


Sass makes CSS fun again. Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It’s translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.


LESS extends CSS with dynamic behavior such as variables, mixins, operations and functions. LESS runs on both the client-side (Chrome, Safari, Firefox) and server-side, with Node.js and Rhino.

Font Dragr

CSS3 Patterns

A gallery of patterns generated with just code

Button Maker

Create CSS3 butt0ns with this online generator


39 CSS animations with source code

Cubic Bezier

Easing and bouncing effects for CSS transitions

CSS Desk

Online sandbox for testing CSS

Border Radius

For generating CSS border radius values

CSS 3.0 Maker

Handy online tool for generating all sorts of CSS3 code


PIE makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features

CSS 3 Menu

Creating a nice looking menu no longer needs all the code and time it use to, thanks to CSS3. Using this FREE CSS3 Menu you can create great looking buttons using just CSS3 in a few clicks.

Border Image

Generator for creating borders made of images with CSS3


Oliver Dale is the founder of Kooc Media, a small internet company based in the UK. Kooc Media runs several high-profile websites including WPLift, ThemeFurnace and DesignersTalk.

Siteground Hosting
Does WPLift load fast for you? That’s because we use Siteground for hosting, WPLift readers can click here to get up to 60% off hosting for your site.

Disclosure: This page may contain affiliate links for which we will receive compensation if a purchase is made.

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Leave Yours +


  1. mac10it

    thank you! ;)

  2. what about this online tool for css keyframes animation?

  • Comments are Closed

Our Sponsors



Join our Newsletter to Receive 6 Free WordPress Themes

We will also send you our weekly Newsletter packed with the Latest WordPress Content.

We will look after your email & Never Spam!

You have Successfully Subscribed!