CSS and JavaScript tools to take your website to the next level

Want to enhance your website with the latest tools available? In this article, I have compiled a bunch of super useful tools to enhance your website and take it to the next level.


Topcoat is a very neat and clean library of CSS classes specialized in form elements: buttons, checkboxes, sliders, etc. A super easy way to make your website or app look good in minutes.

Demo/Download: http://topcoat.io/


As you can guess, countable.js is a JavaScript function to add live paragraph, word and character counting to any HTML element. It is very small and do not rely on any JS framework.

Demo/Download: http://radlikewhoa.github.io/Countable/


Want super-looking checkboxes and radio buttons for your new web app? Then try iCheck, a jQuery plugin which allow you to easily customize radio buttons and checkboxes. iCheck is easy to use and comes with various skins and color schemes.

Demo/Download: http://damirfoy.com/iCheck/

CSS only responsive navigation

Responsive layouts are very popular on the web right now, and this is definitely a good thing in my opinion. Here is a downloadable and reusable responsive navigation menu, made in CSS only.

Demo/Download: http://valdelama.com/css-responsive-navigation

Almost Flat UI

Based on Foundation Framework, Almost Flat UI is a complete HTML/CSS/JS framework to build your site on. It looks really clean and professional. Definitely worth a try!

Demo/Download: http://websymphony.net/almost-flat-ui/


Chart.js is a dependency free, lightweight and object-oriented tool to create client side graphs. It features 6 different chart types and is very easy to use.

Demo/Download: http://www.chartjs.org/


When building websites or apps, you often need placeholder images. This very handy service generates random images at the requested size. Super useful!

Demo/Download: http://placeimg.com/

jQuery PanZoom

jQuery Panzoom is a progressive plugin to create panning and zooming functionality for an element. Panzoom supports the same browsers as jQuery 2.0 and can be used with jQuery 1.9.0+ or jQuery 2.0+.

Demo/Download: https://github.com/timmywil/jquery.panzoom/

Perfect Scrollbar

If you want to be able to create perfect looking scrollbars, then you should definitely have a look to this tiny jQuery plugin. It helps you to create customized scrollbars with no css change on any original element.

Demo/Download: http://noraesae.github.io/perfect-scrollbar/


A lightweight, easy-to-use jQuery plugin for fluid width video embeds. It was built by was built by Chris Coyier and Paravel.

Demo/Download: http://fitvidsjs.com/

  • This is definitely great info for me as I am really trying to find new tools to speed up my design.
    I will surely give it a try especially to those CSS related tools!

    Thanks again Kittens 😉

  • i Personally use Topcoat many times for for form checkboxes and sliders , i really like its easy to use feature…..

  • mostafa

    very handy article. you know i teach web and yours is one of my resources! good job

  • I have been using Chart.js for some time now, and I absolutely love it. Cant get enough of those sexy SVGs and interactive infographics.. !

  • Yes true, perfect skill of tools and J query will help you to make interactive website design

  • Designers have busy schedules, so they really appreciate some good tools that can make their work a little easier and a little less time consuming. These tools will definitely help them save time and also a lot of hassle. All the tools included in this list are fresh, advanced, efficient and user-friendly.

  • Very cool! Thanks a lot for this post.

  • Awesome list of CSS and javascript tools, Thanks for sharing.

  • I just found Perfect scrollbar quiet useful for me, going to implement on one of my site. It has infinite scroll feature, and matching it with Perfect scrollbar, will make it more amazing for the visitors 🙂

  • Thanks for the resources, I am working on a project and Topcoat and countable are perfect fit for that….

  • Great list, Chart.js is especially cool IMO