Lightbox Evolution is a tool for displaying images, HTML content, maps, and videos in a lightbox style container that floats on top of a webpage. Using Lightbox Evolution, website authors can showcase a wide assortment of media in all major browsers without navigating users away from the linking page.
You can use this tool to showcase content in a way that is different, user-friendly and does not take visitors away from your website to view content from other locations.
You can used colored boxes — and customize the options — images or combinations of the two. There are plenty of mix-and-match options available with this tool to help you make the most of your content.
This tool is available for $14 from Envato Market and includes future updates.
Slider Revolution is an innovative, responsive jQuery slider plugin that displays content in the most beautiful way. Whether it’s a slider, carousel, hero scene or even an entire front page, you will be telling your stories in no time.
The slider is one of the most-used in the market because it works great and is fully responsive. It’s also optimized for Apple and Android devices. It also works with any type of content, including photos, video and social media streams.
Not sure how to use a slider? This package comes with 35 ready-to-use examples and is super flexible. Here are just a few of the features that come with this slider:
- Hero, carousel and classic layouts
- Unlimited sliders per page
- Date-based publishing
- Links and actions on slides
- Parallax effects and customizations
- Social media integration
- Bulk upload capability
- Custom animation creation
- Unlimited number of layers available
- Multiple navigation options
- Touch enabled
- Auto-hide and delay features
- Keyboard navigation
- Plenty of “fancy” skins
- Ability to auto-play (or not)
- And so much more
You can get Slider Revolution from the Envato Market for $14 and it includes future updates.
This jQuery banner rotator plugin features multiple transitions. Thumbnails and buttons allow for easy navigation of your banners or ads. The banner rotator is also re-sizable and configurable through the plugin’s parameters.
Key features include:
- Multiple transitions available that you can set by slide.
- Ability to load an unlimited number of images, with customizable text, tooltips and links.
- Show or hide components.
- Automatically play on startup with a timer delay. (This can be set by slide.)
- Banner, thumbnails, and buttons are all resizable.
- The text description panel can be set at different location and size.
- Embed links and images are inside the HTML text description box.
- Control panel can be set at different location.
- Configurable tooltips for each thumbnail.
- Block and stripe sizes are configurable.
This tool is available for $11 from Envato Market.
This tool allows you to create an unlimited number of sliders with custom settings for each. You can then put them anywhere on your website. And if you are not sure where to start Slider Evolution comes with a few themes to help you get started.
The slider comes with transitions for fade, bars, square, slide, explode, swipe and slip. Each animation works seamlessly and beautifully.
This tool is $9 from the Envato Market and is quality checked by their team and comes with future updates.
The goal of bLazy is to help save bandwidth and server requests to your site to everything loads that much faster. (As an added bonus it saves data usage for mobile users as well.)
The loader has a sleek look and can work with almost any style of website design. The code is fairly easy to understand and install.
Here are a few reasons why you should try it:
- bLazy is used on big sites with millions of monthly visitors so it has been tested plenty.
- bLazy can lazy load all types of images, including background images.
- bLazy can lazy load images depending on screen size (multi-serve images).
- bLazy can serve retina images on retina devices.
- bLazy is lightweight, less than 1.2KB and less than 1.05KB (if you don’t need IE7- support).
- bLazy is AMD, CommonJS and Browser global compatible.
This tool works on all modern browsers and is a great way to better serve images to your users.
Chocolat is a responsive jQuery lightbox plugin that allows you to display one or more images on the screen at a time. You can group images as a series of photos as a link or use thumbnails in a full-page or block-style design.
The plugin is powerful and designed in a way that newbie-users or the most experienced programmers can appreciate. It comes with an API and multiple CSS classes. Chocolat is also cross-browser compatible and works with pretty much everything, even Internet Explorer 7.
To make things even sweeter, Chocolat is tiny — just 23 kb and only 10 kb when minified. And it is responsive, as you would expect, so it works on any device and allows you to create custom breakpoints as well.
Other plugin features include:
- Block, full-screen and full-window views
- Cropping or parent block styles for images
- Loop playing to restart the flow once the last image shows
- Keyboard navigation and assignment of shortcut keys
And you can do it all with just three files — jQuery library, plugin file and CSS file — in an easy set up.
LayerSlider is a premium multi-purpose slider for creating image galleries, content sliders, and mind-blowing slideshows. It comes in a variety of options for viewing including full-width, full-size or fixed-dimension layout options. (This is one of the most popular sliders in use on the web today, and is used on more than 150,000 websites of all kinds.)
It uses cutting-edge technology to provide the smoothest experience that’s possible, and it comes with more than 200 preset 2D and 3D slide transitions. It’s device friendly and supports responsive mode, multiple layouts, touch gestures on mobile devices, and uses techniques like lazy load for optimal performance. You can add any content, including images, text, custom HTML, YouTube and Vimeo videos or HTML5 self-hosted multimedia content.
And it’s SEO-friendly, allowing you to build semantic markup with custom attributes that search engines can index easily.
LayerSlider comes with 13 built-in skins, and it has tons of options to entirely customize the appearance and behavior of your sliders at the smallest detail.
LayerSlider is $11 and comes with Envato quality checks, future ipdates and six months of support from kreatura. (Extra support options are also available.)
Royal Slider is an easy to use jQuery image gallery and content slider plugin with animated captions, responsive layout and touch support.
For the navigation you can use thumbnails, tabs or bullets. Use it as image slider, slideshow, HTML content slider, gallery, banner rotator, video gallery, carousel or even for project presentations. the tool was developed in using best practices in HTML5 and CSS3 transitions are used for all animations.
The tool is based on a modular design so you can build and use only the elements you need. This will help optimize speed and file size and it comes with more than 10 starter templates.
RoyalSlider is $14 and includes quality checks by the Envato marketplace, future updates and six months of support from Semenov. (You can add extra support as well.) This is a plugin you can trust. It’s already in use by plenty of websites, including NYC.gov and Ralph Lauren.
Royal Slider is focused on performance, accessibility, stability and providing best experience for user with any device. It is designed to work with all major browsers and versions, including touch navigation support for iOS (all versions), Android 2.3+, IE10, IE11, Blackberry and other OS and browsers that support touch or pointer events.
Ether Grid Slider is an extremely functional jQuery plugin designed for transforming any type of content into practical grids and/or sliders.
It works with almost any type of content including images, videos, testimonials, services, featured stories and blog feeds. To make it even easier to get started, there’s plenty of documentation that can take you through almost any configuration options.
Ether can also be used as a base for consistent powering of slides or grids across an entire operation.
This tool is $7 and available from Code Canyon.
TouchCarousel is mobile-friendly and lightweight jQuery content scroller with touch navigation for mobile and desktop. It can be used for creation of elements such as carousels, banner rotators and image galleries. It uses a physics-based scroll for a completely realistic look and feel.
Features of TouchCarousel include:
- Touch navigation for supported devices
- Paging and free-scroll mode
- Physics-based scrolling
- Fluid width of carousel for free-scroll mode
- Fast, hardware accelerated CSS3 transitions
- Four unique skins with included Photoshop files
- SEO friendly because content is not hidden
- Configurable items per scroll and snapping
- Customizable UI — enable or disable arrows, bullets and scrollbar
- Super easy to style — CSS file is commented and organized
- Each item can include HTML content (except video) and can be any size
- Smart autoplay pauses when you hover over and stops when action is done
- It doesn’t block the default browser scroll on touch devices
- It understands the difference between click and drag
While this plugin is responsive, it is only true for full-width, free-scroll mode. TouchCarousel is $11 and available from CodeCanyon. It comes with simple documentation, free support and upgrades.
PhotoSwipe is an image gallery plugin for mobile and desktop devices with a modular, independent framework.
The plugin comes with some nifty features including support of touch gestures, a browser history API that allows users to link to each gallery item with a unique URL to use the back button and loads and displays images quickly.
What PhotoSwipe does is solve some of your common photo issues all in one package. The plugin preserves detail in responsive images so that gallery photos look great anywhere on any device, it does not slow down page load times and it saves user bandwidth because images load progressively.
PhotoSwipe is made to work well on mobile devices — as implied by the name — and supports multiple touch gestures. You can use the basic gestures that are part of the plugin or assign your own actions. The include actions are spread to zoom, pinch to close, vertical swipe to close and horizontal swipe to switch items. (As a bonus, these same actions are emulated on desktop computers as well with wheel and trackpad actions.)
The plugin works on all modern browsers and is fairly light. Plus this is a photo plugin that does not force additional HTML markup in the gallery; you have complete control and images will remain crawlable to search engines using your meta data.
What sounds like a complicated tool is actually pretty simple with the Product Colorizer plugin. This lightweight solution allows users to quickly preview a product in different colors.
The plugin uses only two images per product to create the effect comes with a quite easy setup. The plugin works in all major browsers including IE7+ (and will work with IE6 if you use a png fix). Preparing files for use with the colorizer requires a few steps, but is no trouble once you get the hang of it.
After you download the plugin files and load them to your website, you need to get your image files ready to be colorized. You’ll need two images — one that includes the product in a base color and one with a color mask that shows color change for the different areas. (This works great for a product such as the t-shirt in the example, where you might sell items with the same graphic in different colors.)
The demo includes detailed instructions on how to prep the images and format the HTML for this color change. Product Colorizer works with as many colors as you need and is a great tool for web-based shops.
Have you ever needed a great chart for your website design but did not know where to start? Chartist is a plugin that helps you create simple responsive charts for almost any design project.
This set of charts includes bar graphs, line charts, pie charts, circular charts, dot graphs, scatter plots, donut graphs and plenty of cool animations to bring your data to life. Every chart is designed so that you can customize it with your information.
And editing is a breeze. The CSS editor is easy to understand and compatible with almost any data.
Chartist is different from some of the other tools out there in that it is super easy to configure because it uses the convention method, it includes great flexibility in style, images are SVG based and it it built with Sass. Chart configuration behavior is based on media queries so that every chart renders perfectly every time. Plus, every element in Chartist is responsive.
You don’t have to worry about compatibility issues with this plugin either. It works will all major browsers. Chartist is waiting for you to download and test it out. The file is light (only 10kb) and has no dependencies. This might just be the charting tool you have been looking for.
FSVS is a simple full-screen vertical slider that uses CSS3 transitions followed up by a jQuery fallback.
The vertical slider is becoming a trendy option for one-page website design. This plugin allows you to create multiple “pages” on the scroll with a seamless flow to them.
The slider works in multiple environments, including with mouse wheel scrolling, click and drag, with arrow keys and by using touch gestures.
You can create as many scrolls as you like with FSVS. The code is simple and does not interfere with your website design or framework. The plugin simply adds to the overall aesthetic with neat vertical transitions.
This plugin is designed for page transitions and is not a substitute for a video or image slider. The code is lightweight and can be installed with just a few lines of HTML.
FSVS is designed for full-screen websites and does not currently have a mobile component (although the developer is open to working with someone to create a workable mobile or responsive vertical slider option).