200 JQuery Css3 Plugins

Rotator is a lightweight and customizable jQuery plugin for rotating text and some words of your text with awesome CSS3 animations. .....
Animation Plugins Text Effect

Motion CSS is a library of animation for your web projects. It works very simply. All you need to do is connect the css file and use a specific class to an element that should be animated. .....
Animation CSS

wickedCSS is a library for CSS3 Animations.The animations include regular CSS3 animations to be used in all settings. Additionally, the library includes a number of wicked animations, which aren’t applicable in all situation.....
Animation CSS

REBOUNDGEN calculates springy CSS3 Keyframe animations based on a few simple parameters you define. It uses Facebook’s Rebound.js for the math and outputs SCSS style sheets for each animation. So, you can import just the .....
Animation Core Java Script CSS

A progress tracker written in SASS with flexbox to be flexible and responsive out of the box. This can be used to illustrate a multi stage process e.g. form, quiz or a timeline. .....
CSS

Foldable is the full stack CSS3 powered jQuery Accordion.Responsive and device-ready with a lot of options to customize it that can be easily be part of your projects.Fully animated open-close actions using built-in CSS3 animation.....
Accordion CSS Plugins Premium Responsive

A fully responsive navigation using css3 and jQuery which is very attractive with animated effects. In this header, you can see clean navigation items with search and in mobile/tablet you can see attractive toggle menu with animat.....
Menus Responsive

Today we’d like to share an experimental 3D layout with you. The idea is to show some information about a gallery’s exhibition in an interesting way. Each artist has a “room” in the gallery which shows the schedule for the.....
Core Java Script CSS Gallery

day we’d like to share some artsy fun with you! We created some proof-of-concepts for simple media pop ups. The idea comes mainly from Forward Festival’s website and Tim Holman’s rad GifLinks project. We adventured ourselves.....
Animation CSS

Scrollanim is a CSS3 and JavaScript library to create stunning scroll animations that work everywhere.Scrollanim uses kissui.position to manage and track elements. Please note that kissui.position is a builtin dependency and you d.....
Animation Core Java Script CSS

Today we’d like to share some isometric grid styles with you. The inspiration comes from the Hotchkiss website where an isometric, scrollable grid is shown with some cool hover effects. In our first experiment we created a scrol.....
CSS Gallery

A tiny set of CSS3 animations for your input checkboxes. .....
Animation CSS

In this tutorial, you see input border, background, placeholder effects on focus. And also see placeholder move as a label on input focus. .....
Animation CSS Forms

This is very simple and modern CSS3 and jQuery. 8 style with 5 different effectFeatures:8 Style5 different effectPure CSS3Works with all CSS3 BrowsersEasy to implement, customize and style .....
Animation CSS Plugins Premium

Two call-to-action buttons that give context to your modals in a Material Design fashion. .....
Animation CSS Popup Window

In this tutorial, total number of 8 ultimate hover effects and every single effect contain 3 different effects using same property of CSS3. So you easily learn the single property like transform, translate and transition use with .....
Animation CSS

A Simple javascript replication of the subtle tilting effect when you click a tile in windows 8. Tilejs uses css3 transforms, so it is only supported by modern browsers .....
Core Java Script CSS

Pure CSS3, without javascript. Nice slide down toggle header message. .....
CSS

Viavi CSS3 Button Hover Effect is pure HTML5/CSS3 flat buttons. Buttons has HTML5 structure and works on all major browsers. Buttons is easy to edit and integrate into any website. CSS is separate from HTML and is well commented. .....
Animation CSS Premium

I share responsive timeline, its not contain single line of javascript or jQuery code. HTML and CSS is fully hand-coded and easy to use and understand for change something according to you. .....
CSS

Today we’d like to share a very simple content slideshow with you. The idea is to have circular slides that have a playful bouncy effect when animating to the next or previous item. It’s inspired by a really nice Dribbble shot.....
Core Java Script CSS Plugins Popup Window Slider

A simple grid layout with a zooming animation effect for showing blog posts or other content. .....
CSS Popup Window Zoom

Custom hand code css3 with ultimate css button hover effects and also change text on hover with css3 effects. .....
Animation CSS

A slick responsive Material Design modal built with CSS and JavaScript. .....
Animation CSS Popup Window

An experimental demo where a 3D perspective preview is shown for a selected seat in a cinema room. .....
CSS

A full-screen menu, showcasing your brand and website navigation. Our full-screen menu is built using HTML, CSS, and JavaScript. The HTML defines the structure, the CSS is used for animation, and JavaScript triggers the animations.....
CSS Menus

The line is an amazing design element. It’s so versatile and it allows us to use it for adding enjoyable animations or enhance points of interest. Today we’d like to share a set of ideas for using the line as a design element .....
Animation CSS Menus

Probably you have noticed that ripple effect (known as ” ripple ” ) when you click any element in your android .Now you can implement it in your application very quickly . .....
Animation CSS

The project Menu-to-cross-icon is a project made to show people different ways to create a “Menu icon” that switch into a “cross icon” ( ? -> ? ) .Some techniques use vanilla javascript, some uses jQuery.....
Animation CSS

This is a jQuery plugin to dynamically check a layer height and compare it to a custom height value. If layer height is higher than that custom value (data-maxheight), a “show more” button and a bottom gradient will ap.....
CSS Plugins Text Effect

A Material Design inspired slider with effective communicating animations.Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafte.....
Animation CSS Menus Slider

Flipside is a button that seamlessly transitions from action to confirmation. .....
Animation CSS Popup Window

Fixed menus are a definitive a great ux resource for our website. They look good, and they are also super useful for visitors. Today, I’m showing you how you can create a very simple fixed menu with CSS3 transition .....
Animation CSS Menus

Horizontal tab menu navigation with left and right arrow key navigation. .....
CSS Tabs

An easy to customise, horizontal timeline powered by CSS and jQuery.Building a horizontal timeline was a bit tricky, because you can’t rely on the vertical (more intuitive) scrolling behaviour. We decided to separate timeline an.....
CSS Plugins

Dual sliding panels for presenting content in a fun way. Built with Stylus and vanilla JavaScript. .....
Animation Core Java Script CSS Gallery

A simple multi-level menu with delayed item animations and an optional breadcrumb navigation and back button.The idea is to animate each menu item once a level is changed. The animation starts with the item clicked and the delays .....
Core Java Script CSS Menus Responsive

All of you should be quite familiar with Codrop’s  “Arrow Navigation Styles” tutorials. They are really inspiring and creative. I played with the Arrow Navigation styles demo, I’m impressed. And I wondered.....
Animation CSS Slider

Today twitter has been introduced a new heart (like) button, it is actually a replacement for favorite button. I love the way twitter has implemented cool animation effect for click action. This post will explain you, how to imple.....
Animation CSS

Custombox is a modal window effects with transitions CSS3. .....
Animation CSS Plugins Popup Window

Fed up with the old tab designs that you have? Have your website a totally tab-licious makeover with this distinctive and eye catching tab designs.8 Tab DesignsFlexible DesignsFully Responsive including its contentsIncludes Typo.....
Chart_Graph CSS Premium Responsive Tables Tabs

Create different type of menus on the fly without changing the HTML Structure. Just replace CSS class names in the HTML markup to make a horizontal menu or any menu to function like a one page scroll menu, vertical menu, toggle me.....
CSS Menus Plugins Premium Responsive

A collection of fancy text effects, to animate the tagline and action buttons of your website intro section. .....
Animation CSS

Today we’d like to share some inspiration for card effects with you. The idea is to animate the top element of a stack by clicking on an accept or reject button. We’ve used this Tinder-like example to show some symmetric and c.....
CSS Gallery

A template for a simple page stack navigation based on the Dribbble shot by Ilya Kostin, Stacked navigation.The idea is to show a navigation when clicking on the menu button and transform all pages in 3D and move them to the botto.....
Core Java Script CSS Menus

The easiest way to develop site with multi level navigation and user-friendly experience it has been optimized for mobile devices using HTML5, CSS3 and jQuery.Features:Easy installationMulti level on CSSLight-weightMultiple menusW.....
CSS Menus Plugins Responsive

ContextMenu.js is a jQuery plugin for creating highly customizable drop down menus triggerable by various mouse events. Use it to create context menus, drop down lists, navigations, and more.9 customizable options7 transition effe.....
CSS Menus Plugins Premium

Simple card flip animation using jQuery and CSS3 animations. .....
Animation CSS

In this in-depth tutorial we want to show you how to create a similar video opening effect to the one seen on momentsapp.com. If you click the “Watch the video” button on the Moments App page, you will see a new image appearin.....
Animation Core Java Script CSS HTML5 Popup Window Video_Audio

A simple modal window with an SVG background animated using Snap.svg. .....
Animation CSS Popup Window SVG Tutorial

A custom checkbox and radio buttons made with CSS3 that doesn’t require js. It is also compatible with FontAwesome. .....
CSS Forms Premium

IsoBlocks is an experimental library to create eye-candy isometric texts. It is written in coffeescript, uses CSS3 transforms for creating the cubes and CSS3 transitions for the animation. .....
CSS Text Effect

oday we’d like to share a simple animated grid layout with you. The responsive layout has a sidebar and grid items that animate to a larger content area when clicked. In the first demo the content area fills the grid and in the .....
Animation Core Java Script CSS Gallery

Messg is a javascript library with css3 for animated notification messages. .....
Core Java Script CSS

Agile is a simple, fast and easy to use engine which uses javascript generated pure CSS3.Features:Agile uses javascript to generate pure CSS3, without canvas, webGL or SVG.Performant on mobile devices, being truly cross platform.A.....
Animation Core Java Script CSS

“Responsive Accordion” is a component ready to use on mobile devices and desktop devices. It’s a fluid component and easy to use. It provides various skins, options and features for data organization. Ready for the B.....
Accordion Bootstrap CSS Plugins Premium Responsive

Slick Modal Popup is a great way to display your message. You can insert any code or layout inside it, let it be banners, newsletter signups, contact forms, special offer display, images, galleries, iframe, video, maps and more ef.....
CSS HTML5 Plugins Popup Window Premium

Jquery plugin to animate with Css3 transforms and transitions with fallback for older browsers.It’s built to have fast animation execution, and it has an api similar to jquery animate, with animations queueing.By default the.....
Animation CSS Plugins

An ajax powered page transition, with a slide-in content animation triggered by a side tabbed navigation.We’ve been experimenting lately with a CSS powered animation that replaces the refresh of the web page while the content i.....
Ajax Animation CSS

A simple content slider with depth-like zoom functionality for a predefined area in each slide.Each slide has a predefined zoom area that will be used to calculate the appropriate scale value for a fullscreen fill. Once the icon f.....
Core Java Script CSS Slider

A template split in 2 animated blocks of content, inspired by dropbox.com /guide.On bigger devices, the content is split in two main containers. When the user surfs through the content using the navigation, new content overlaps t.....
Animation CSS

Transitioning Buttons is a collection of flat buttons that morph into components. The examples show different types of components, i.e. fullscreen overlay, modal window and many more. The buttons are easy to integrate, customize a.....
Animation CSS Plugins Popup Window Premium

All Animation.css is a set of animations, fun to let your sexiest project. They are cross-browser animations but that will emphasize your pages as sliders, 3D effects’s. .....
Animation CSS Plugins

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG and so on. Easily apply to your own elements, modify or just use for inspiration. Available Sass and LESS.45 unique effectsfriendly mobile devi.....
Animation CSS Premium Text Effect

A pricing table that animates into a sign up form once the user selects a plan.In most cases, you’ll redirect your users to a sign up page. However, if your checkout process is quite simple, an alternative approach would be to .....
Animation CSS Plugins Popup Window

Second part of small collection of 5 CSS animated Image Captions. This kit stuff will save you a lot of time when creating websites! They’re really easy to use and have very nice interfaces. Enjoy! .....
Animation CSS Premium

In this tutorial you will lean how to create a responsive layered slider. The slider will have multiple slides, each slide will have multiple layers which can have a different fade in effect.The entire slider works by using just a.....
Animation CSS Plugins Responsive Slider

A responsive product grid layout with touch-friendly Flickity galleries and Isotope-powered filter functionality.This Blueprint is a responsive Isotope-powered product grid layout where each grid item is a Flickity image slider. A.....
Animation CSS Gallery Plugins Responsive

This super lightweight jQuery carousel which only moves left and right in relation to the mouse position inside it’s area. .....
Carousel CSS Plugins

This tutorial will walk you through the concept of iconification — taking content on a page and applying CSS to transform it into a simplified, icon-sized preview of itself. .....
CSS Popup Window

textChaos allows you to easily add unique and abstract CSS3 text animations to your page. All animations are hardware accelerated and completely random – delivering a different animation experience for every visit.Multiple insta.....
Animation CSS Plugins Premium Text Effect

Think of it as a full-screen off-screen menu on (a)steroids.It is an HTML5/CSS3 responsive solution for using (and making) animated large off-screen menus. It uses CSS transitions that are hardware accelerated and much faster then.....
Animation CSS HTML5 Menus Plugins Premium

A responsive tour snippet, with a step-by-step guide to help users understand how to use your website. .....
CSS Web

Animated alerts are the JQuery plugin based on css3 animation. Using it you can effectively communicate to users the right information. There are 68 animations, multiple color themes and types of messages and detailed documentatio.....
Animation CSS Plugins Popup Window Premium

A subtle tilt effect for images. The idea is to move and rotate semi-transparent copies with the same background image in order to create a subtle motion or depth effect. .....
CSS Image Effects

A basic responsive product grid layout with comparison functionality and a slide-in effect.This Blueprint is a responsive product grid layout with comparison functionality. A maximum of three items can be selected for the product .....
Animation Core Java Script CSS

Iconate.js is a tiny performant library for cross-browser icon transformation with trendy animations in your projects. .....
Animation Core Java Script CSS

A CSS powered animation, that replaces the refresh of the page while the content is updated using Ajax.We used the pushState method to manipulate the browser history. .....
Ajax Animation CSS

Layered navigation allows you to easily implement a new navigation system using the jQuery JavaScript library. It combines the presentation into two sections, you won’t need cutting the images into two, an entire section, and th.....
Animation CSS Menus Plugins Premium

A responsive and easy to customise mega-dropdown component.One example we can all think of is Amazon: infinite categories, each one with its own sub-categories… that’s why they currently provide an easy-to-access navigation, i.....
CSS Menus Responsive

A couple of creative text styles and hover effects for your inspiration. Some effects use experimental techniques including SVG masking and Canvas. .....
CSS SVG Tutorial Text Effect

FlyOut sticky website banners are ideal way to display your banners. You can show HTML5, Flash, gif, textual or static image banners effectively and with style.14 predefined banner sizes7 predefined fixed banner positionsEye catch.....
CSS Plugins Premium

Shift.js is a JavaScript library which utilizes the modern web browser’s native CSS3 transition and transform protocol. All animations are performant and executed with little browser overhead. This library is not dependent o.....
Animation Core Java Script CSS

A secondary content panel that folds flat, powered by CSS Transformations and jQuery. .....
CSS Gallery

A mobile first vertical responsive menu using HTML, CSS & JS .....
Core Java Script CSS Menus Responsive

A simple template that takes advantage of the background-attachment CSS property to create a fixed background effect. .....
CSS

An easy way to show more product images and variations right in the product gallery.  A simple slider to check product variations before jumping into the product page. .....
CSS Slider

One of the essential parts of a website is a text link. By clicking an anchor tag you can go anywhere from the site as it points to a specific page.Today, We are going to show you how to create awesome links using new features of .....
Animation CSS Text Effect

The project Menu-to-cross-icon is a project made to show people different ways to create a “Menu icon” that switch into a “cross icon”.Some technics use vanilla javascript, some uses jQuery and some are pow.....
Animation CSS

Today we want to share a fun little effect with you. The idea is to simulate the bounciness of a trampoline when navigating the image stack. For the draggable image stack we are using the Elastic Stack. The SVG animations are done.....
Animation CSS SVG Tutorial

Animatrix Images allows you to easily enhance and animate your images with dots and lines. Animated images with a responsive layout and an easy WYSIWYG admin area editor of dots and lines are just a few of the capabilities of this.....
Animation CSS Plugins Premium Responsive Wordpress

This tutorial will teach you how to create a loading header effect while you scroll. To create this we will use both jQuery and some CSS features. This tutorials has 4 examples and i will explain in detail how each works.Loading h.....
CSS

Today i will teach you how to create a tilted gallery using jQuery and using the CSS3 transform property. Each gallery features controls and popup for each picture. This tutorial is best suited for portfolio galleries or for cre.....
CSS Gallery Slider

AnimatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3 transitions. you can use the transitions by animate.css or create yourself their transitions. .....
Animation CSS Plugins Popup Window

A collection of fresh button styles and effects for your inspiration. We use CSS transitions and pseudo-elements for most of the effects. .....
Animation CSS Menus

In this tutorial we will teach you how to create some album preview effects using CSS only. No JavaScript section here. .....
Animation CSS

A bold, secondary menu that slides over the main navigation.This approach can be an alternative to a standard dropdown menu, in particular if you want to emphasise more the sub navigation. Besides you can easily customize the snip.....
CSS Menus Responsive

This is a CSS3 remake of the well known iPhone™ calculator. (No images, only CSS). This scientific calculator works just like most other calculators of its kind and probably doesn’t need any further explanations. .....
Core Java Script CSS

A full-width figure element, with floating images distributed in a 3D space.What you can achieve through CSS 3D Transforms is limitless. With power comes responsibility, though. There will be cases when you’ll take full advantag.....
CSS Image Effects

AZSlider is a quality-designed content and image slider harnessing the power of HTML5 and the control of CSS3. AZSlider contains everything you need to build a modern, eye catching slider for your website. It’s fully responsive .....
Animation CSS HTML5 PHP Plugins Premium Responsive Slider

Animatr is a jQuery plugin that allows you to create CSS3 animations using only HTML5 data-attributes.Lay out your animation steps by time (in seconds), percentages, or both.No more @keyframes or browser prefixingRun multiple anim.....
Animation CSS HTML5 Plugins

A tutorial on how to create various types of (animated) fills and strokes for text using different techniques including CSS and SVG.In this article I’m going to share my experiments and five ways to create patterned filled text......
Animation CSS SVG Tutorial Text Effect

A full page menu, that replaces the current content by pushing it off the screen with CSS3 and jQuery. .....
CSS Menus Responsive

Today we’d like to explore some of these click/touch effects, using different animations. While there are many kinds of animations that can be done to provide feedback, we’re particularly interested in the subtle “tap-like�.....
Animation CSS

Amo.js is a javascript library for creating CSS3 animations.You do not care about the css animation’s class and keyframes’s style, focusing on animation is the only thing you need to do. .....
Animation Core Java Script CSS

A full-screen navigation, with floating menu items.There are cases when you want to present the user with a choice, with the focus of the web page being the different options. Whether it is a modal navigation, or a list of categor.....
Animation CSS Menus Popup Window

A call-to-action button that animates and turns into a full-size modal window.Modal windows are used to display related content, by hiding temporarily the main content. If we imagine our web page as layers distributed along the z-.....
Animation CSS Plugins Popup Window

jQuery story box is a  plugin for CSS 3 Animations Triggered while scrolling. .....
Animation CSS Plugins

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. .....
Animation CSS

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

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 cate.....
CSS Plugins

Auto-hide sticky header is a shot that shoots down two rabbits: makes site navigation easily accessible anywhere on the page and saves content space at the same. .....
Menus Plugins

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 wil.....
Animation CSS Forms

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

In Modern Web Design, Typography plays a very important role in enhancing the looks of a website. For modular Web Design, selecting right effects is not an easy task. In today’s time, First Impression is the Last Impression. In .....
Animation CSS Text Effect

Fixed headers are a must for long pages and menus that need to be seen all the time. The transition between an inline menu and a fixed menu is an added effect that really makes your navigation stand out. I have made two different .....
Animation CSS Menus

Small collection of 5 CSS-only animated Image Captions. This kit stuff will save you a lot of time when creating websites! They’re really easy to use and have very nice interfaces. .....
CSS Premium

A gallery of project preview images that expand on click to reveal the full case study.In this example we take advantage of CSS Transitions and Transformations, and of the background-attachment CSS property to create a “diving-i.....
CSS

I’m going to recreate a Dynamic Pricing Table inspired by the pricing table from Website Chef. The main point of this is to have an editable list of options that will recalculate the features and price of the whole table. As you.....
CSS Tables

I’ve been working on a movie review based site and I wanted to try and create a movie previewer. I’m incorporating CSS3 transform’s perspective and rotation. The previewer consists of a list of 3D Card movie posters tilted t.....
Animation CSS

Today we’d like to show you how to create a simple grid layout with a special header effect. The idea is to initially show a fullscreen image with a title and a toggle button that allows to change the view to a grid. The header .....
CSS

A very common trend these days is the use of a fixed navigation, which shrinks to become less intrusive as the user scrolls down the page. In this tutorial, I’m going to show you how you can achieve this by using ZURBs Found.....
CSS Menus Responsive

A collection of animated headlines, with interchangeable words that replace one another through CSS transitions. .....
Animation CSS Text Effect

A small collection of dialog effects using CSS animations for your inspiration. Some effects use SVG animations of morphing paths with the help of Snap.svg. .....
Animation Core Java Script Popup Window SVG Tutorial

An image that expands on click, going full-width and turning into a gallery. .....
CSS Gallery Responsive Slider

A rework of the original idea created by Hakim El Hattab. Created using JavaScript, CSS 3D transforms and CSS Animations.Kontext: Original idea by Hakim El HattabPut On: A page drop effectCircle: Layers do a circle transitionBounc.....
Animation Core Java Script CSS Slider

Today’s resource is a full-width header image, animated using the CSS3 scale property and jQuery to simulate a 3D zoom-out effect and reveal the main content of the page. .....
CSS Zoom

CSS 3 Animations Triggered on Scroll, but with a Twist of a Story. .....
Animation CSS Plugins

A 3D rotating navigation, powered by CSS transformations. Animated elements are key ingredients of the user experience. In this case a 3D menu can’t just be fun. It has to be efficient. .....
Animation CSS Menus Responsive

This technique allows you to animate the drawing of text via converting text to SVG paths.SVG path animation is a trending technique in web-design allowing designers to draw simple and elegant icons. Now, designers can easily appl.....
Animation CSS SVG Tutorial Text Effect

Today’s resource is an easy to customize, responsive timeline. We used some CSS3 tricks and a bit of jQuery to create some bounce animations that affect desktop users only, while on mobile the structure is more minimal. .....
CSS

Interactive slides that explore CSS 3D Transforms. Press left or right arrow key to advance. Watch in full-screen for best results. .....
CSS Plugins

An animated perspective mockup slideshow with 3D transforms based on the computations made with the help of Franklin Ta’s script.A while back, Franklin Ta wrote an article and made a really useful script for transforming an .....
Core Java Script CSS Slider

Simple responsive pricing tables, in 3 different styles and with a bouncy animation while switching to different plans. .....
Animation CSS Responsive Tables

Everyone loves eye candy and smooth CSS3 animations. This is why today we are sharing our latest experiment with you – a collection of effects for revealing sharing buttons. You can use them in your portfolio, image galleries an.....
Animation CSS

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

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. .....
CSS Drag_Drop Plugins

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

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 colorAlmost fully CSS customizable.20 effects .....
Animation CSS Premium

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 fu.....
Core Java Script CSS Popup Window

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 & powe.....
CSS Menus Premium Responsive

A second set of styles was added to the collection of subtle hover effect ideas. The old set was updated and we’ve added some fresh effects with various transitions. .....
CSS SVG Tutorial

A basic template to showcase the best features of your app, enriched with a video slider for a better user understanding. In this tutorial we can learn how to make this video slider effect to make mobile app introduction template .....
Animation CSS

An awesome carousel developed on top of jQuery with bit of witchcraft of CSS3. .....
Carousel CSS Plugins

Css Loader is developed to load on screen a waiting spinner plugin for your customers.In just 2 minutes you can configure this plugin, with a few steps you will have transitions from page to page on your website. You also have t.....
Animation CSS Plugins Premium

An experimental full-screen navigation, animated using CSS and jQuery, that expands within a circle. .....
CSS Menus Popup Window

jQuery caption hover effects have been on the Web for a long time. There are plenty of jQuery libraries out there that can be used to obtain a cool and amazing image caption animation and hover effects.That being said, it is now p.....
Animation CSS

A small collection of various hover tooltip styles and effects for your inspiration. Using CSS transforms, border-radius and SVG shapes we can create modern looking and interesting tooltips.Tooltips are normally used for providing.....
CSS SVG Tutorial

An easy to customize template for the FAQ section of your project, with the questions/answers grouped in categories to ease the navigation. It’s responsive, powered by CSS and jQuery, with support for devices with Javascript tur.....
CSS Responsive

In this tutorial, we create revealing content overlays with CSS3 transitions, allowing us to minimise content clutter and provide a neat user experience.Imagine your company offered a bunch of different services, and on your websi.....
CSS Popup Window

A handy tabbed navigation, optimized for mobile devices, with support for both horizontal and vertical menu positioning. .....
CSS Responsive Tabs

A responsive carousel showcasing selected client testimonials, powered by CSS and jQuery.Today we share a responsive and minimal client testimonials box, that can be easily integrated into your design.  Besides we considered the.....
Carousel CSS Plugins Popup Window

A ‘product quick view’ modal window, animated using CSS3 and Velocity.js, that provides the user a quick access to the main product information. .....
Animation CSS Popup Window

A CSS3 and jQuery powered slide-in panel, to quickly show side content, notifications or profile information. .....
CSS Menus

Some inspiration for off-canvas menu effects and styles using CSS transitions and SVG path animations.Today we want to show a new set of modern effects for your inspiration. Different layouts and synced transitions of the menu and.....
Animation CSS Menus Responsive SVG Tutorial

In this tutorial, we take a look at a more advanced parallax scrolling effect with a background image moving at a different speed to the content above it.We’ll look into achieving a more true-to-life representation of parallax s.....
Core Java Script CSS

A handy draggable slider to quickly compare 2 images, powered by CSS3 and jQuery. .....
CSS Plugins Slider

Today we’d like to share a couple of tab styles with you. We use pseudo-elements, SVGs and CSS transitions for some of the techniques.The collection contains some styles and effects for modern tabs; from a simple box to a SVG sh.....
CSS SVG Tutorial Tabs

Expander is a JavaScript library that converts any old tag into a smart clickable expanding object. It uses the latest of CSS3 animations to provide the best visual results. Expander is fully responsive and reactive. It will fit a.....
Animation CSS Plugins Popup Window Premium

Wanky Pages is a page switching management with 3D/2D CSS3 transition support and jQuery. .....
Animation CSS Web

In this article, I’ll be walking through a build demo that centers on two topics. The first is responsive design patterns that embrace the viewport and that improve content discoverability beyond the basic hyperlink; in this ca.....
CSS Menus Responsive

In this tutorial, we take a look at a beautiful parallax scrolling effect in the simplest of ways, with stationary backgrounds and scrolling content. .....
CSS

Today I’d like to share with you an interactive and touch-optimized metro app showcase concept for showcasing a metro (probably a Windows Phone) app screenshot. The screenshot will be draggable and swipable, and you’ll.....
Core Java Script CSS Drag_Drop

In this tutorial, we’re going to build some image overlay hover effects with CSS3 transitions. When we hover over an image, a neat transition will occur, showing us an icon that hints the user to click on it for more. .....
CSS

This animated side cart is a smart and not obtrusive way to let users jump in and out from the list of products they want to buy, without having to refresh the page or fire a popup. .....
CSS Menus

A secondary navigation intended for users who want a quick overview of the page content, and be able to easily move from one section of the page to the other.A fixed navigation with smooth, jQuery powered scroll. Nothing fancy her.....
CSS Menus

It is virtually dividing the list into rows, picking the height of the highest item in each row, and setting it for the other corresponding row items. Most importantly, this should be done in a responsive way. .....
CSS Responsive

Animsition is a simple and easy jQuery plugin used to add page transition on css animations. .....
Animation CSS Plugins

Xoverlay is a bundle of CSS attributes which will help you to add hover effects on your site. Here you will get 50+ effects and a huge plus point is you can combine it’s effects, therefore you can create more than 150+ effects. .....
CSS Premium

You might known that CSS is a language which is used to design a website.But,CSS3 is also used to draw and animate things like logos,ad banners,image transitions etc. Now, I’m going to explain you about image mapping technique u.....
CSS

A minimal and responsive newsletter form with the addition of some subtle CSS3 animations to enrich the user experience. .....
Animation CSS Forms

This is 3d book created all by myself. All book is made by HTML5, CSS3 transitions and bit of javascript / jQuery code. .....
CSS HTML5

Menuzord is a responsive megamenu pack to help you to define a modern navigation for your website.Features:Fully Responsive16 SkinsBootstrap compatible8 Color Schemes per SkinMegamenuGrid SystemCSS animationsRight/Left alignmentCl.....
CSS Menus Plugins Premium Responsive

This effect is inspired by the Enjoy Aiia menu effect. It’s a closing door menu where 2 sides of the menu come together offscreen to create the final menu. I’ve created 4 variations, 2 vertical and 2 horizontal menus, each wit.....
Animation CSS Menus

I stumbled across the VoicesHavePower website which uses a nice grid layout to separate its contents. It showcases stories each with a content panel that gives off a nice looking flat shadow. As you scroll through the website, eac.....
CSS

Learn how to create a nice CSS3 spinning preloader in this tutorial. .....
CSS

Here is a fixed menu that drives users’ attention to a couple of call-to-action buttons first, then let them explore the full-screen navigation with jQuery and CSS3. .....
CSS Menus

A tutorial on how to re-create the page preloading effect seen on the website of Fontface Ninja. We are going to use CSS animations, 3D transforms and SVGs. .....
Animation CSS SVG Tutorial

Today I will be creating an animated progress bar that updates the progress based on how far you scrolled into a content section. .....
CSS

A simple 3D animation for your gallery items, to make it easy for users to discover more about your products without having to leave the page with jQuery and CSS3. .....
CSS Gallery

An eye-catching filling effect for your icons, that can be used to make a simple page look cool and dynamic. .....
CSS SVG Tutorial

An experimental fullscreen form concept where the idea is to allow distraction-free form filling with some fancy animations when moving between form fields. .....
Core Java Script Forms

Some simple ideas and effects for unobtrusive website notifications. A little script is employed for showcasing some styles and CSS animations are used for the effects.Some of them are preceded by a dummy loading animation, which .....
Animation Core Java Script CSS SVG Tutorial

A fixed navigation that allows your users to access the menu at any time while they are experiencing your website. It’s smaller than a full-width fixed header, and replaces the back-to-top button with a smarter UX solution. .....
CSS Menus

Some inspiration for styling a custom version of the select element. There are many possibilities and today we are exploring some ideas of how to let the user select a choice in style.We can use JavaScript libraries that transform.....
Core Java Script CSS Forms

Simple jQuery CSS3 slider. Simple to use and supports every browser! (IE7+) .....
CSS Plugins Slider

Create tasty CSS3 powered animations in no time. Bounce.js is a tool for generating tasty CSS3 powered keyframe animations. .....
Animation Core Java Script CSS

Smoove makes it easy to implement awesome CSS3 transition effects, making your content smoothly glide into the page as your scroll down the page. .....
Animation CSS Plugins

Revolution Lightbox is a full blown multimedia responsive lightbox that runs on all major browsers and mobile devices like iPhone, iPad, iOS, Android and Windows8. It has support for image, video (mp4), audio (mp3), Vimeo, YouTube.....
Core Java Script CSS jSON Plugins Popup Window Premium Video_Audio

The timeline drop can have many different purposes. From explaining history and chronological events like process or history. The timeline features a beautiful CSS transition that is triggered by the user’s scroll. Video and ima.....
CSS

A sample pack (10) of animated icons from Kickdrop. Full icon set coming soon! These retina-ready icons were animated in Adobe After Effects and are exported as .png sprites-sheets. Sprite-sheets contain a collage of frame-by-fram.....
Animation CSS

We present the very popular fixed, on scroll animated header that changes it’s size and the orientation or visibility of the components within based on the user’s scroll action. As the user begins to scroll and engage with con.....
Animation CSS Menus Responsive

Some creative and subtle hover effect inspiration using modern CSS techniques including 3D translate and pseudo elements. .....
Animation CSS

A tutorial that shows how to recreate the four tiles slideshow effect seen on the website of Serge Thoroval. Using 3D transforms, transitions and animations, the aim is to implement a smooth effect and add some variations. .....
Animation CSS Slider

cube.js is a light script which allows you to add a fancy rotating CSS3 cube to your page! .....
Animation Core Java Script CSS

Some inspiration for creative and modern inline anchor styles and hover effects using different techniques like pseudo-element transitions and SVGs. .....
Animation CSS SVG Tutorial

Titon Toolkit is a collection of very powerful user interface components and utility classes for the responsive, mobile, and modern web. Each component represents encapsulated HTML, CSS, and JavaScript functionality for role speci.....
CSS HTML5 Popup Window Responsive Tables Tabs Web

Free CSS3 Tab(nested able) Menu Plugins.no dependencies required, but if you want support <= IE8, make sure you have to load jQuery before Taby.you can conntect a “tab” with its “content” easly. Tab e.g......
CSS Tabs

Today we want to share some inspiration for article intro effects with you. You have surely seen some interesting article headers, usually containing a fullscreen image, that have some sort of intro effect, i.e. where some creativ.....
Animation CSS

Smart Demo-Bar is plugin made for developers that need Demo-Bar or theme switcher for responsive theme, smart Demo-Bar would be shown on top of page, allow users to preview another theme to test his responsive design.Smart Demo-Ba.....
CSS Menus Plugins Premium Responsive