Do We Really Need Stock CSS Components?

Many professional developers will be enraged at the idea of stock bits of CSS being put up for sale. After all, if you know how to create it yourself, why not take the time? And if you don’t know, you should learn!

However, when you take off your righteous creative hat and put on your professional business hat, you should see that this category of stock makes sense for the exact same reason as the others. Regardless of whether or not you know how to create complex CSS items from scratch, you must at least admit that doing so takes time; often a considerable amount of it.

If your client has a small budget you can either eat up all of your available time developing completely from scratch, or make the most of the resources available to you and deliver a less-custom but still arguably higher value product.

For example, clients often want a fancy dropdown menu or a nice attention-grabbing button, but that doesn’t mean they want you to fiddle around for hours on end creating one. In these cases, dropping $3 on a quality piece of stock work can save a lot of time and money in the long run.

A Note About Prices

The Envato Marketplaces allow you to save a few bucks if you pre-pay set amounts of money into your account. So an item that is $5 normally may only cost you $3 if you’re already a prepaid customer. Since the prepaid method has been the default method for some time, I will quote these prices in the information below.

CSS3 Buttons

An impressive set of buttons created using CSS3, tested in Opera 10, Firefox 3, Chrome 5, and Safari 4 & 5. The buttons come in 11 colors, 4 sizes, and nine different types.

Author: VagrantRadio
Price: $3

screenshot

Griddler Pricing Grid I

HTML5/CSS3 pricing grids with graceful degradation for older browsers. Three, four and five column versions included along with a layered PSD.

Author: goThemeTeam
Price: $4

screenshot

Mega Dropdown

An easily-customizable, pure CSS dropdown menu with five different color options. Tested in Chrome 4, Chrome 5, FireFox 2, FireFox 3, IE7, IE8, Opera, and Safari.

Author: MadeByAmp
Price: $2

screenshot

Fresh Tooltips

Tooltips make a nice hover effect but can be difficult to pull off, especially in multiple browsers. For three bucks you can have this version coded without images in CSS3 and already browser tested.

Author: freshface
Price: $3

screenshot

Simple CSS Framework + Form Elements

“What makes this CSS layout (framework) different from others is the simplicity and the fact that it’s just enough. We take the most applicable resolution for nowadays in web design – 960px, 800px and fluid layout as the backbone of this framework. You can easily create a blog, corporate website or even a small personal portfolio site in few minutes.”

Author: kailoon
Price: $5

screenshot

CSS3 Tabs

The one and only Chris Coyier of CSS-Tricks created this little gem that uses pure CSS to accomplish a tabbed interface, a task normally relegated to JavaScript.

“These tabs are 100% CSS and behave largely like any other tabbed content area you have come across, including the ability to link to specific tabs through hash tags in the URL .”

Author: Chris Coyier
Price: $4

screenshot

Simple Admin

“This is a simple CSS admin panel template with horizontal navigation tabs and a search field. This is an ideal template for smaller admin panels or scripts that do not require more feature rich templates.”

Author: phpdude
Price: $4

screenshot

CSS Pagination Pack

“Spice up your pages with these fresh lookin’ pagination menus. No images used, only CSS! 7 predefined colors are provided with hover and active states! These styles have been tested to work in all major browsers. Documentation for using the file is also included.”

Author: PixusDesign
Price: $2

screenshot

CSS Image Switcher

“A complete CSS image switcher that can be used for displaying products, Portfolio items, or as a simple image gallery. This switcher requires no javascript or CSS3 to use, it works very smooth and in all browsers.”

Author: KarbonDesigns
Price: $3

screenshot

CSS Multi purpose dropdown module

An awesome dropdown menu that can be used for a lot more than navigation. Five different types are included, each with several different skin options.

Author: VladNovo
Price: $3

Upload Your Own!

Don’t let the authors above get all the attention. You can sign up for CodeCanyon right now and start earning cold hard cash. I’ve personally made around $500 on the Envato Marketplaces with astonishingly little effort and can therefore personally attest to their awesomeness.

There are still very few items in the CSS category which means there’s a lot less competition than you’ll find in other categories. So get uploading!

Leave a comment below and let us know what you think of the idea of selling CSS components to earn extra income. Also let us know if you have any ideas for items that you wish someone would build and upload!