Плагин для создания портфолио. Галерея ввиде портфолио Jquery плагин для портфолио

jQuery filter plugin is a must have element for any kind of website which through you will be able to present portfolio works fantastically. Here I am going to show you some of the best free & premium filter jquery portfolio plugins. These plugins can be used for business, corporate, creative, portfolio or any other related to portfolio works showcasing purposes.

I assume you are a web designer & finding a best portfolio filterable jquery gallery plugin for your next project. If I am right then you are in the right place. You will find here some best free & premium filter jQuery plugins. As a web designer I also used lots of time these types of plugins into my project for fulfill my client’s requirements.
Most of the theme you will see portfolio filtering gallery where anyone can display their works. It’s a great way to present portfolios at this time. These plugins below have all those features that can be fulfill your requirements as well. Some features I must mention for you if you don’t have enough knowledge about jquery filter plugins .

Most of the plugins are responsive, comes with multiple filtering animations & effects, unique css3 animations, beautiful hover effects, some plugins are expandable & also each item has separate carousel slider which through you can showcase more images. If you want to see a demo then you can view our Bootstrap template which is we released for our users for 100% free. We added the Elastic Grid filterable plugin into SinglePro which you will find below. Hope this collection will help you to find a best jquery filterable plugin. If you found this helpful & think it can be helpful for others then don’t hesitate to share this collection in social media. Thank You!

Free Filter/Filterable Plugins Isotope – Filter & sort magical layouts Jquery Plugins

Isotope is a well know jquery filter plugin in the web. This filtering will allow you to implement an amazing smooth filtering gallery into your website or template. Most of the web designer used this plugin into their projects. It’s free for open source & personal use only. If you use this plugin for commercial projects then you have to purchase a commercial license.

Mixitup – Free Animated Filtering And Sorting Jquery Plugins

Mixitup is another excellent filtering jquery plugin which can be perfectly used for any kind of portfolio galleries, image galleries & any other filtering gallery purposes. It has beautiful & unique filtering animation with smoothness. Mixitup is an open source project under Creative Common license . You can use it for personal or open source projects. If you want to use it for your commercial projects then you must purchase a commercial license.

Shuffle – Jquery free Responsive Filtering And Sorting Plugins

Shuffle is an amazing free filter jquery plugin which is inspired by the most popular filter plugins Isotope & Packery. If you are looking for a jquery filtering for showcasing your portfolios beautifully then Shuffle can be your right choice. It’s a free jquery portfolio filter plugin.

Elastic Grid – Responsive JQuery Portfolio filter Plugin

Elastic Grid is a fantastic free js filter plugin which will allow you to add an expandable filtering gallery for showcasing any kind of portfolios. It has beautiful filter animation. Each item also has a carousel slider with text contents. By using Elastic Grid you can give a extra powerful & unique look into your project.

jPList – Free flexible jQuery plugin for sorting, pagination and filtering

jPlist is a advance jquery filtering plugin which is giving some advance features for filtering any kind of data. You can filter or short data’s by pages, pagination, searches etc.

Quicksand – Free reordering and filtering items jquery Plugin

Create a filterable gallery using Quicksand. This plugin allow you to filter your contents by name, size & types. It has beautiful filtering animation which can be present your contents nicely. It’s a completely free jquery filter plugin.

Filtrify – Advanced tag filtering free jquery Plugin

Filtrify is a fantastic sorting & filtering plugin which is comes with advance search functionality. It builds with html5 & jQuery. It has run time search functionality. You will be able to filter your contents by category. Not only that, also you can show how many contents are available in each category.

Content Filter – CSS3 and Jquery Powerful Filter Plugin Free

It’s an amazing content filter jquery plugin which comes with some advance & fantastic features. You can filter your content by category, checkbox & radio buttons. It also has a run time search functionality which through you can filter your contents on fly. This can be used for any kind of content or portfolio filtering gallery.

Portfolio – Free Interactive and Filterable Jquery Plugin

Are you creating a website template? Want to add a filterable portfolio gallery for showcasing portfolio works? Then this plugin will exactly do this for you. You can filter your images, portfolios, your amazing works by using this plugin. It is easy to implement & can be perfectly used for portfolio filtering gallery.

jQuery ListNav – Free letter based jQuery Filtering Plugin

ListNav is a simple plugin which can be used for filtering listed content. If you have lots of contents in a list style & want to add a simple filtering functionality for those contents then ListNav is perfect for you. This plugin has no animation. It will just simply filter you contents in listing view.

It’s not a filtering gallery plugin like isotope, Mixitup. It’s a fantastic real time jquery search filter plugin. You will be able to add real time search functionality with text highlighting into your website by using this plugin.

jQuery TickBack – Animated List filtering free jQuery Plugin

Add a simple filterable image or content gallery by using TickBack. It can be used for filtering portfolio works or any other related to showcasing any kind of galleries. It’s a simple lightweight portfolio filter jquery plugin which is comes with a nice shuffle animation.

Guggenheim – Animated filtering, reordering and pagination free Plugin

Guggenheim is comes with tons of filtering features which through you can implement an excellent image or content filter gallery. This plugin packed with a slider means you are not only able to add filter functionality also you can add a slider for your content gallery. You can filter your contents in some multiple ways like category, checkbox, radio buttons etc with a carousel slider.

Premium Filter/Filterable Plugins Colio – Content Expander jQuery Portfolio Filter Plugin

Colio is not only a simple jquery filter plugin. It comes with a modern & unique design. You will be able to implement a filterable gallery with item expander which is also have a carousel content slider & images with lightbox. If you are designing a business, corporate or portfolio website then this is a must have plugin for your project. Your project will be more creative & powerful by implementing this portfolio filter jquery plugin.

Magnet – Layouts jQuery Filter plugin

Magnet is a very nice jquery layout filter plugin which through you will be able to create filterable layouts. It comes with smooth filtering animation & effects. This plugin can filter & adapt your layouts fantastically in any kind of viewport.

bootFolio – Most Lightweight Portfolio Filtering jQuery Plugin

BootFolio is a bootstrap compatible portfolio filter plugin which is build with pure css3 animations. It’s very easy to use & lightweight. It comes with 14+ filtering animation, 76+ portfolio item layouts, 167+ portfolio item hover effects, 10+ options for setting up properly.

Cube Portfolio – Responsive jQuery Grid Filter Plugin

Cube can be your best choice for your portfolio gallery filtering. It comes with extensive features. You will be able to setup multiple style filtering functionality into your project. You can show how many contents available in each category alone with the category item & popover also. This plugin packed with carousel slider, testimonial slider, 15 ready to use templates, css3 animations, responsive design, grid & slider layouts, tabs, masonry, lightbox gallery & much more.

Live Swear – Comments Words Filter jQuery Plugin

Megafolio – Filterable Pro Responsive Grid jQuery Plugin

Megafolio is amazingly designed & developed js filtering plugin which can be used for multiple purposes like portfolios, blogs, galleries shops etc. It has drag & drop visual skin editor, 30+ pre-made skins, responsive grid & lots more.

Nova Gallery – Responsive HTML5 Multimedia Filter Gallery Plugin

Nova is a beautiful image gallery jquery plugin. You can create image gallery for any kind of portfolio works in thumbnail or fullwidth view. It’s fully responsive & easy to implement.

Dimension – 3D Animation Filter Portfolio Gallery Plugin

uSquare – Universal responsive grid Filtering html5/jquery Plugin

It’s a beautiful & uniquely created portfolio filter plugin which through you can showcase your awesome works in such a nice way. If you are creating a website template for business, creative, corporate, portfolio then showcasing portfolio is the must element you need to implement. So by using Dimension filter plugin you can do that perfectly.

Preview More Info WP Version 450 Hazel H https://www..png Hazel H 2015-02-13 19:07:19 2016-12-15 20:17:20 30+ Brilliant Portfolio jQuery Filter Plugins Free & Premium

1. Реализация портфолио с использованием jQuery галереи

Миниатюры проектов прокручиваются при изменении положения курсора мыши в левой колонке. В области содержимого отображается увеличенное изображение с названием проектов, описанием и списком используемых технологий. При переходе между миниатюрами информация о проектах сменяет друг друга с потрясающим анимированным эффектом. При нажатии на изображение на странице с описанием, оно увеличивается также с использованием jQuery анимации. Еще хочется отметить потрясающий элегантный внешний вид всей страницы портфолио. Смотрите демо.

2. Супер реализация сайта-портфолио с использованием CSS и jQuery

Превосходная реализация сайта-портфолио фотографа. При нажатии на пункт меню из разбросанных по экрану квадратов собирается область с контентом фиксированной высоты и ширины. Для того, чтобы поместить больше информации в фиксированную область, предусмотрена прокрутка содержимого. Необычно реализована реализация показа работ из портфолио: при клике по миниатюре фотография отображается в виде фонового изображения, которое автоматически масштабируется при изменении размера окна браузера.

3. Стена-портфолио на jQuery

Оригинальное решение для создания онлайн-портфолио. Блоки проектов (миниатюры и краткое описание со ссылкой) отображаются по несколько в ряд, при изменении окна браузера блоки перераспределяются равномерно на странице с анимированным эффектом. У каждого проекта может быть несколько изображений-миниатюр, переход между которыми осуществляется с помощью стрелочек. При нажатии на ссылку открывается страница с полным описанием, на которой текст помещен на полупрозрачном блоке фиксированной высоты с прокруткой. В качестве фона страницы используется масштабируемое изображение проекта. Выглядит прикольно - смотрите демонстрацию.

4. Плавная jQuery прокрутка страниц

Реализация вертикальной и горизонтальной прокрутки.

5. Плагин jQuery «Draggable Image Boxes Grid»

Перетаскиваемая сетка, состоящая из блоков с содержимым и изображений. Сетку можно перетаскивать с помощью мышки (нажать любую кнопку мыши и тянуть в нужную сторону). При клике на миниатюру основное изображение разворачивается на всю ширину экрана. При клике темный блок с текстом, раскрывается область с более подробным описанием.

6. Одностраничный сайт портфолио

Одностраничный сайт с анимированной сменой содержимого. На демонстрационной странице пройдитесь по вкладкам меню, чтобы увидеть эффект.

7. Переключение вида отображения блоков на jQuery

С помощью этого jQuery плагина «Switch Display Options» можно реализовать переключатель на странице, с помощью которого посетитель будет переходить от табличного отображения информации к полному просмотру с описанием блоков. Отлично подойдет для реализации портфолио.

8. Шаблон для сайта ресторана с jQuery галереей и картой от Google

Оригинальное jQuery решение, созданное для сайта кафе. В шаблоне реализована интересная jQuery галерея для показа блюд из меню. Изображения в галерее масштабируются в зависимости от размера окна браузера. Сперва, в галерее отображаются уменьшенные изображения с названием и кратким описанием блюд, при этом полноразмерная фотография отображается затемненной на заднем фоне. Навигация между доступными фотографиями осуществляется с помощью стрелок или колеса мыши. Щелчок мыши в режиме галереи уберет миниатюры с описанием и даст возможность рассмотреть оригинальные большие изображения, растянутые на всю ширину окна. Для возврата в меню сайта из галереи необходимо нажать на ссылку в правом верхнем углу. Помимо шикарной jQuery галереи в шаблон очень эффектно интегрирована карта от Google.

9. Плагин Plasm The Wall

Для создания своеобразных «стен» из фотографий или HTML блоков, которые при помощи мышки можно перетаскивать по экрану в пределах фиксированной области.

10. Плагин для отображения элементов по окружности

Отображение на странице различных элементов по окружности заданного диаметра.

11. Страница-заглушка «Сайт в разработке»

На странице реализована возможность отправить е-мейл адрес, который записывается в базу данных и на который можно будет выслать уведомление об открытии сайта. Также страница украшена небольшим слайд-шоу, реализованном на базе jQuery плагина Nivo Slider v. 2.3 .

12. Плагин QuickFlip 2

С его помощью вы сможете сделать интересный эффект поворачивающейся визитной карточки при нажатии на ссылку.

13. JQuery карта кликов

Идея заключается в отслеживании кликов пользователей. Для того чтобы посмотреть плагин в работе на демонстрационной странице, покликайте мышкой, а затем нажмите кнопку «Анализ». И на полупрозрачном фоне отобразятся точки, где вы кликали мышью.

Реализация симпатичной экранной клавиатуры. Мало ли, для чего-то вам пригодится.

15. Записки jQuery

Реализация листков с записками. Текст можно редактировать, а сами записки удалять или перемещать по экрану. Чтобы посмотреть пример, перейдите на демонстрационной странице на вкладку «Demo».

16. Рейтинг на jQuery 17. HoverAttribute

Интересное оформление ссылок: при наведении на ссылку изменяется ее анкор. Смотрится прикольно.

18. jQuery Fancy капча для формы регистрации

Реализация капчи для формы регистрации. Плагин представляет собой набор цифр, которые необходимо путем перетаскивания выставить в порядке возрастания. Довольно интересный способ для подтверждения того, что регистрацию проходит живой человек, а не робот.

Внизу экрана отображаются кнопки, которые можно использовать для плавной прокрутки страницы вверх или вниз.

20. Переводчик. jQuery плагин «jTextTranslate»

Плагин использует Google Language API и может переводить текст на любые языки, предоставляемые Google. Для перевода необходимо нажать на значок рядом с абзацем и из выпадающего списка выбрать язык, на который необходимо перевести.

21. jQuery плагин для постраничной навигации

Отличная реализация прокручивающихся ссылок для постраничной навигации. Реализовано с использовании jQuery.

22. jQuery плагин «Заметки»

Этот jQuery плагин позволит реализовать «бумажные» заметки на вашем сайте.

23. jQuery плагин «Catch404» 24. jQuery плагин jBreadCrumb

Плагин для создания анимированной цепочки навигации «Хлебные крошки»

25. Плагин «Reel» 26. jQuery плагин «Dance Floor»

jQuery плагин для реализации страницы с товарами. При нажатии на изображение товара появляется его описание.

27. jQuery плагин «3D облако меток» 28. Объемные CSS кнопки 29. Анимированная горизонтальная прокрутка страницы

jQuery эффект вертикальной прокруткой страницы. Отлично подойдет для реализации одностраничных сайтов и сайтов-портфолио. Для просмотра эффекта нажмите на пункт меню на демонстрационной страницы.

30. jQuery плагин «Rating System»

jQuery эффект для реализации оценки чего-либо. Цвет кружков и текст под ними изменяется в зависимости от того, на какой из них наведен курсор мыши.

31. jQuery Panel Magic

Плагин, реализующий навигацию по сайту. При этом ваш сайт представлен в качестве сетки документов, между которыми осуществляется переход с интересным jQuery эффектом.

Вы можете легко использовать этот плагин для создания небольших сайтов и веб-приложений. Так же он не плохо будет смотреться на сайтах-портфолио.

32. Индикатор загрузки на Mootools, плагин «MoogressBar»

Эффектный индикатор загрузки.

33. Mootools плагин «CwComplete»

При заполнении поля, плагин подскажет возможные варианты для заполнения с использованием Ajax, при этом он отфильтрует и покажет только те варианты, которые удовлетворяют уже введенному в поле тексту.

34. Отличный ajax-чат с применением jQuery и CSS3

Перед тем как начать общение посетитель должен ввести свой ник и e-mail. В правой колонке показано, сколько человек авторизованы в чате. Используемые технологии: PHP, MySQL, jQuery, CSS.

35. Реализация страницы «Предложить по проекту»

Посетители могут добавить новое предложение либо проголосовать за уже существующее. Отличное решение для тех, кто хочет узнать мнение своей аудитории о сайте. Также эту страницу можно использовать чтобы накопить новые идеи для дальнейшего развития вашего проекта. Используемые технологии: PHP, MySQL, jQuery, CSS

36. Реализация голосования/опроса с помощью PHP и jQuery 37. Голосование на Ajax «TinyEditor»

Аккуратная реализация опросов на сайте. Используемые технологии: JQuery, Ajax, PHP и MySQL.

Очень интересное решение для реализации голосования на сайте. Перетаскивая вверх и вниз блоки, схватив мышкой за изображения, можно расположить их на странице в любой последовательности. Чем выше вы оставите блок, тем лучше его оценили и, соответственно, если блок разместить в самом низу, значит, он меньше всего вам понравился. После того, как вы расставите блоки в нужной последовательности, необходимо нажать на кнопку «Submit poll», чтобы голос был учтен. На странице с результатами отображаются результаты голосования и количество проголосовавших посетителей. Используемые технологии: CSS, PHP, MySQL, jQuery.

Простая система комментирования на Ajax с проверкой правильности ввода информации. Комментарии хранятся в базе данных. Реализовано с использованием: PHP, MySQL, CSS, jQuery.

40. Счетчик количества скачиваний файла 41. Заметки на странице с использованием PHP

Использованные технологии: PHP, jQuery, CSS.

При переходе по пунктам меню содержимое подгружается без перезагрузки страницы. Используемые технологии: PHP, jQuery, CSS.

43. jQuery поиск по сайту с использованием технологии от Google

Реализация поиска по сайту с использованием API Google AJAX Search . Вы сможете предоставить возможность посетителю произвести поиск как на вашем сайте, так и в интернете. При этом поиск можно осуществлять не только по страницам сайта, но и по изображениям и мультимедийным файлам.

44. jQuery эффект наложения описания на изображение

Очень интересный эффект, может быть использован в реализации портфолио. При нажатии на изображение оно затемняется полупрозрачным фоном, и появляется надпись с описанием того, на что следует обратить внимание.

45. Реализация страницы «Вопрос-ответ» с помощью jQuery

jQuery реализация страницы FAQ на сайте. Вверху страницы отображается список вопросов. При нажатии на вопрос страница плавно прокручивается к выбранному вами, и активный вопрос с ответом на него подсвечивается другим цветом. Так же в поле активного ответа появляется ссылка для возврата к списку вопросов.

46. Сайт на Ajax. Содержимое подгружается без перезагрузки страницы 47. Смена цвета фона и текста с помощью jQuery

Цвет изменяется при наведении курсора мыши. Можно сделать так, чтобы цвет изменялся случайным образом.

48. Путеводитель по сайту с использованием jQuery

С помощью этого интересного плагина можно познакомить посетителя с основными функциями вашего сайта, если он попал на него впервые. При загрузке страницы в верхнем правом углу выезжает блок с предложением провести экскурсию по сайту. Если посетитель впервые зашел на ваш сайт, он может с помощью небольшого путеводителя познакомиться с основными функциями. При этом страница затемняется и необходимые блоки на каждом шаге помечаются пометкой. Если же посетитель уже был ранее на вашем сайте, он просто может закрыть окно с предложением экскурсии по сайту.

49. Виртуальный тур по сайту «Joyride Kit»

С помощью этого плагина можно познакомить посетителя с основными функционалом страницы. Делается это в виде последовательного всплывающего описания элементов. Посетитель может посмотреть все подсказки, нажимая на кнопку Next, либо закрыть онлайн-тур (если он уже не первый раз попадает на эту страницу) воспользовавшись крестиком.