Get $500+ of the best After Effects files, video templates and music for only $20!
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.

Add Comment

Discussion 25 Comments

  1. Jason says:

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

  2. Daan says:

    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!

    • Jason says:

      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. ;)

  3. DJ says:

    Good Work Jeff!

  4. Saurabh Shah says:

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

  5. Alex Flueras says:

    Great list of resources! Thanks for sharing.

  6. Heam says:

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

    • Haziq says:

      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. :)

  7. Steve Maggs says:

    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.

  8. Those are great items for a website build.

  9. TidySongs says:

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

  10. Khantony says:

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

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

  12. James Scott says:

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

  13. e11world says:

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

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

  15. James says:

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

  16. mrAwake says:

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

  17. rai says:

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

  18. samir says:

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

Add a Comment

To add a code snippet to your comment, please wrap your code like so: <pre name="code" class="html">YOUR CODE</pre>. You can replace the class name with "js," "css," "sql," or "php." If there are any "<" or ">" within your code, please search and replace them with: &lt; and &gt; respectively.