jQuery CSS2 / CSS3.0 Plugin & Tutorials with Example

jQuery Online Product Customizer

jQuery Online Product Customizer

Online Product Customizer is a jQuery powered fully responsive online design software, incorporated with marvelous features to design/print a variety of products, including t-shirt, sign, greeting, labeling, photo frame, lettering, sticker and apparel. A plenty of remarkable features of this online product design tool enable the users to design & customize products exactly according to their needs. It can be used as online t shirt designer tool, online greeting card design software or online laptop design tool to design creative & trendy products.

  • Provides 3 ready to print or Direct to Garment output files like svg, png and pdf
  • Use flexible pricing setting to set price on any of element such as color, artwork or text
  • Option of Google fonts can be enabled in online product customizer
  • JSON format enables to update products, fonts, cliparts & more
  • Colorable Artworks to make it possible for you to set cliparts for users in order to change color
  • User can upload their own images
  • Fully responsive & flexible product design tool
  • Vendors specified products.
  • Get smooth drag, slide, rotate and flip content functionality on tablets & smartphones as this online design tool is touch enabled
  • Share your creative design on Facebook, Twitter and email.
  • Products can be adorned with multiple colors & views

VS Builder – Pure HTML and CSS Page Builder

VS Builder - Pure HTML and CSS Page Builder

VS Builder – an intuitive and handy page builder. It is based on the Zurb Foundation grid and offers you a flexible way to build your personalized layout. With just one click you’ll get a generated CSS and HTML code similar to one that was written by a professional developer.

Features:

  • Drag & Drop sliders
  • Awesome preloader
  • Parallax effect
  • Video block
  • Responsive layout
  • Retina ready
  • Smooth transition effects

CSS animation event JavaScript library

CSS animation event JavaScript library

Cross browser compatible library to handle CSS3 animation and transition DOM events with a fallback pattern for unsupported browsers.For browsers that don’t support CSS3 animation or transition, faux end callbacks will be fired by cssanimevent.js.

3D Animated Mockup with jQuery & CSS3

3D Animated Mockup with jQuery & CSS3

A simple template to showcase your application features through a smooth 3d animation, powered by CSS and jQuery.

Drag and Drop Interaction Ideas with jQuery & CSS3

Drag and Drop Interaction Ideas with jQuery & CSS3

Some ideas for drag and drop interactions in a UI. The idea is to show a droppable area that stands for certain actions after an element is being dragged.

Points of Interest with CSS3 & jQuery

Points of Interest with CSS3 & jQuery

Use this resource to highlight the points of interest of your products. Just a click to open a brief description of each point, allowing your user to get a deep and fast understanding of your product features.

CSS3 Hover Effects on Round Images

CSS3 Hover Effects on Round Images

CSS3 hover effects with the ability to change color. It’s features are listed bellow.

  • Full responsive.
  • Easy to use.
  • No Javascript.
  • Compatible for all major browsers.
  • Easy change of color
  • Almost fully CSS customizable.
  • 20 effects

ungrid : Simplest Responsive CSS Grid

ungrid : Simplest Responsive CSS Grid

ungrid is a tiny, responsive, table-based CSS grid system. The entire ungrid.css file is 97 bytes minified.

Simple Morphing Search with CSS3 & JS

Simple Morphing Search with CSS3 & JS

Today we’d like to share a simple morphing effect with you. The idea is to have a search input in the upper right corner of the page and once the input is clicked, the whole search element expands to a fullscreen overlay. The fullscreen overlay has a bigger search input and some elements for showing related items or the search results. Note that we just made a dummy that does not actually search dynamically.

StickyFooterNav : Responsive Mega Footer with CSS3 & jQuery

StickyFooterNav : Responsive Mega Footer with CSS3 & jQuery

StickyFooterNav is a unique mega footer solution designed and coded to work and fit on any device. It is fully responsive and comes with a flexible grid system to hold your content within panels.

Features:

  • 100% Responsive & powerful mega footer system
  • 3 types of drop downs (fixed width, mega and full browser width)
  • Unique full browser width panels
  • Sticks to the bottom of the browser
  • Flexible columns grid
  • Left or right alignment for the menu items and the drop downs
  • Custom & automatic scrollbars within panels
  • Clean and professional design
  • Fits into any layout
  • Lots of styled elements


Best jQuery websites design awards