jQuery CSS2 / CSS3.0 Plugin & Tutorials with Example

Checkout Effects with CSS3

Checkout Effects with CSS3

Some fun effect and layout ideas for the first step of a checkout process in an online store. We are using the morphing buttons concept together with CSS transforms and transitions.

CountdownCube : jQuery Rotating 3D Cubes Countdown Plugin

CountdownCube : jQuery Rotating 3D Cubes Countdown Plugin

A jQuery plugin that creates a countdown timer in years, months, days, hours and seconds in the form a bunch of rotating 3d cubes.It uses CSS transitions to create the 3D rotating cube effects.

Munda Forms – Clean, Modern, Responsive Web Forms

Munda Forms - Clean, Modern, Responsive Web Forms

Munda forms is a set of modern, clean form elements suitable for any type of website or form. The package includes 3 working AJAX forms, 5 color variations, 35 HTML demos.

  • Bootstrap grid system
  • 200+ icons
  • jQueryUI widgets: accordion, autocomplete, button, datepicker, dialog, menu, progressbar, selectmenu, slider, spinner, tabs, tooltip.
  • Timepicker, Monthpicker, Input masking
  • Colorpicker
  • Responsive embeded content: Youtube videos, Google maps, Vimeo videos.
  • Star rating
  • Social buttons: 53 brands.
  • CAPTCHA
  • Client side validation
  • Server side validation
  • LESS files

ScrollTie : jQuery Plugin that ties CSS property to user scroll

ScrollTie : jQuery Plugin that ties CSS property to user scroll

This jQuery plugin is useful for creating parallax motion or similar effects in which a CSS property needs to be incremented on user scroll.

esKju jQuery ScrollFlow Plugin

esKju jQuery ScrollFlow Plugin

Enhance your website by fancy effects based on the user’s scroll index. Pop-in, pop-out, sliding, sticky notes and much more. The plugin supports mobile devices and eldered browsers. It was built using the jQuery library.

Features:

  • Eased animations for incremental mouse scroll-wheels
  • Adds fancy effects to your homepage
  • Customizable trough settings and CSS
  • Highly compatible
  • Highly customizable
  • Uses CSS3 transitions by default

CSS3 Image Slide with single Image

CSS3 Image Slide with single Image

Nice image slide animation with a single img, animate css and a little jQuery.

Content Filter with CSS3 & jQuery

Content Filter with CSS3 & jQuery

A slide-in filter panel powered by CSS and jQuery.A well-designed filter is a powerful tool users can take advantage of. It is actually an essential feature if your website has lots of content, distributed across different categories. For an e-commerce, it is a way to increase conversion rates by reducing the time needed by the user to find what he’s looking for.

Flatcheckbox : jQuery Styleable Checkbox Plugin

Flatcheckbox : jQuery Styleable Checkbox Plugin

Service flatcheckbox is a small jQuery plugin that serves 2 purposes:

  • It styles a checkbox any way you want by hiding the <input type="checbox" /> and replacing it with a styled div. The css file that comes with the component creates a ‘flat’ checkbox (comparable with how you see checkboxes on Windows 8.x apps).
  • It binds your event handler to the element.

Inspiration for Text Input Effects with CSS3

Inspiration for Text Input Effects with CSS3

Some inspiration for effects on text inputs using CSS transitions, animations and pseudo-elements.

Form inputs offer a great opportunity to add some subtle and interesting effects to a web page. They are elements that your user will interact with at some point and making them fun to use can enhance the experience. We are used to the default form resembling its paper counterpart but in the digital world we can be more creative. Today we want to share some experimental styles and effects for text inputs with you.

3D Curtain Template with CSS3 & jQuery

3D Curtain Template with CSS3 & jQuery

A list of split blocks that reunite on scrolling, simulating a movement along the z-axis with the help of CSS transformations and jQuery.



Best jQuery websites design awards