Try Tuts+ Premium, Get Cash Back!
15 Wildly Convenient CSS Items from CodeCanyon

15 Wildly Convenient CSS Items from CodeCanyon

In addition to Premium WordPress Plugin, we, over at CodeCanyon, also recently launched a CSS category, specifically made for high quality, and super convenient items, such as three-level menus, CSS tabs, pricing grids, frameworks, etc. I’d like to show you a quick sampling of the best of what we have so far, after a couple weeks.


1. Griddler Pricing Grid I

Griddler Pricing Grid

“SaaS (Software as a Service) style HTML5 /CSS3 pricing grid that degrades well for unsupported browsers.”


2. CSS3 Buttons

CSS3 Buttons

“Create buttons by simply adding different classes to links, submits, and button elements.”


3. Droplink

Droplink

“Create a cool looking drop-down list of links. There are three examples included: one with text as main link, one with an image as main link, and one where each link has a small icon.”


4. Griddler Pricing Grid II

Griddler Pricing Grid II

“SaaS (Software as a Service) style HTML5 /CSS3 pricing grid that degrades well for unsupported browsers.”


5. CSS Pagination Pack

CSS Pagination Pack

“Spice up your pages with these fresh looking pagination menus. No images have been used; only CSS! Seven predefined colors are provided with hover and active states! More colors will be added in the near future. These bars have been tested to work in all major browsers.”


6. CSS3 Tabs

CSS3 Tabs

“You might normally think of tabbed content as involving 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.

This item includes twelve variations including color variations (Autumn, Business, MossyGarden), style variations (Buttons, Centered, Shadowy), and placement variations (Bottom, Centered, Right).”


7. CSS Framework + Form Elements

CSS Framework + Form Elements

“Create a blog, corporate website with multiple columns easily without having to remember so many grid classes.”


8. Sleek Borders

Sleek Borders

“This is a pack of twelve stylish borders for your images. Six styles are included with a gloss variant of each. Full documentation is included. You can also remove the images and use the borders as stylish containers.”


9. Fresh Tooltips

Fresh Tooltips

“Precisely designed and coded Fresh Tooltips. Great for any kind of website, very practical. The top one is 100% transparent black, which looks very very cool. Also perfect for learning—I’ve made lots of cross-browser research before I’ve done these, you won’t find better tutorial with such an amazing design than personally going through my code.”


10. Stencil CSS Framework

Stencil CSS Framework

“Small lightweight CSS framework. Includes base styling (CSS reset & typography), plus plugins to add many other features.”


11. CSS3 Mega Menus

CSS3 Mega Menus

“This is a beautiful drop-down mega menu with five different colors scheme. (Blue, Red, Green, Orange, Purple)”


12. CSS3 Gallery

CSS3 Gallery

“CSS3 Gallery is created by purely using CSS – no images. It’s a different sort of web gallery, in which your images display in the screen of a computer LCD.”


13. Simple Admin

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.”


14. Fancy 2-Line CSS Buttons

Fancy 2-Line CSS Buttons

“These 100% CSS buttons are sure to make your site stand out from the crowd. Your visitors will love to click on them too, with 2 lines of information and text driven icons, they’ll know exactly where they are going.”


15. Fresh Forms

Fresh Forms

“Precisely designed and coded Fresh Forms. Great for any kind of website, very practical. The top one is 100% transparent so you can also place it on texture background. Also perfect for learning—I’ve made lots of cross-browser research before I’ve done these, you won’t find better tutorial with such an amazing design than personally going through my code.”


However, the category is still a baby, at barely two weeks old. As a manager, I can’t wait to see what kind of submissions we’ll be receiving to this category by the end of the year. If you’re not yet an Envato marketplace author yet (why not), you can refer here for the details of signing up to sell your works.

Tags: CSS
Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
  • http://www.vagrantradio.com Jason

    Those CSS Buttons are super sexy! Thanks for the article Jeffrey!

  • http://bit.ly/YouNIQf Daan

    Maybe you could’ve included a wider variety of authors, I think this would create a wider variety in style as well, besides it’s a little more fair to the other authors.

    Nonetheless a great list and a category to watch!

    • http://www.vagrantradio.com Jason

      Daan,

      I think it has a pretty wide variety already. It’s not about being fair to all authors, the post reads “best of what we have so far”, and that’s what’s shown above.

      I see you managed to sneak in a bit.ly link to one of your items though. ;)

  • DJ

    Good Work Jeff!

  • http://www.cloudaccess.net Saurabh Shah

    This is awesome … thanks for sharing .. Gonna use all .

  • http://www.devilsduke.com Kishore Mylavarapu

    Awesome collection.

  • http://www.web-design-brasov.ro Alex Flueras

    Great list of resources! Thanks for sharing.

  • http://www.u2u.ir Heam

    I will use CSS Pagination Pack on my wordpress site :D its awesome.

    • Haziq

      Hey dude! Please let me know here when you will be using these. I am the author of the file and want to hear some good feedback. :)

  • http://www.crearedesign.co.uk Steve Maggs

    A good list from a very good site (group of sites). I think Stu Nicholls’ CSS Play site is still the best repository for pure CSS stuff though. But if you need some code fast these are a great option.

  • http://www.jordanwalker.net Jordan Walker

    Those are great items for a website build.

  • http://www.demogeek.com/2009/09/01/automatically-clean-up-your-itunes-library-with-tidysongs/ TidySongs

    I really liked those CSS buttons, those are definitely going into my next project for sure. Thanks Jeff for exposing these. #useful

  • http://www.khantony.com Khantony

    Wow all these I can do just using only css? very nice. Thanks for such a useful tutorial.

    • ShadowAssassin

      This wasn’t a tutorial……Unless your being sarcastic?

      • http://wpcanyon.com Boba

        He probably thought it’s a roundup of css tutorials. :)

  • http://freecss.info CSS Templates

    Some really neat CSS going on there. Particularly like the V2 for a hosting website. I have some navigations I may submit.

  • http://www.loudamedia.com James Scott

    The pricing grids are fantastic. I definitely plan on utilizing these on the next project that requires pricing details.

  • http://www.dev-hq.co.uk/ Joe

    Nice list!

  • http://www.e11world.com e11world

    Very good list! I like the 2 line css buttons.

  • http://www.alpaproductions.com alpaproductions

    These are good time savers especially the Forms and the Griddler one. Very good!

  • http://www.onetreehillboxset.co.uk James

    Some really nice CSS effects here, I’ll definately be checking these out on code canyon

  • mrAwake

    You should come up with another list like this for this month

  • http://www.rcgelverio.com rai

    this is an amazing collections. sweet stuff! thanks :)

  • http://infotech.com Raj
  • http://www.defyi.com samir

    landed on this page via google image search, i had to admit that the buttons are super cool.