43 jQuery Cards

Blogger Templates • Top Best Free • New Templates Blogger Templates  daily updates with newly designed free blogger templates. Blog templates with Highly SEO optimized, Responsive Layouts. Blogger Remito grid template. · Blogger Templates Free · Fabel Blogger Templates Best Free Responsive Blogger Templates   Font Awesome icons, unlimited colors and hero image are just some additional specialties of Shapely. Download Preview Best Minimalist Blogger Templates  The best minimalist Blogger templates that you can use to create your Blog  Blogger Templates - Blogger Themes | ThemeForest  Responsive, Modern Blogger Templates | Georgia Lou Studios Give your Blogger/Blogspot blog a new, modern look Responsive Blogger Templates 2020 Free Download Responsive Blogger Templates is an ultimate feature that lets you show your blog according to the users device and screen size. It automatically adjusts its width and element size keeping design in mind. ... As we know, nowadays Responsiveness has become an integral part of website development and designing

A collection of hand-picked jQuery card code examples: 3d, animated, flip, expanding, stacked, unfolding. Update of October 2019 collection. 23 new examples.

CSS Cards

Author

Trần Trí Thạnh

October 14, 2020

About a code UI Media Card

UI media card with jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css

Author

Visnu Ravichandran

August 5, 2020

About a code Smart Card Holder You probably have a credit card or two. And maybe even from different banks. Well, I think it would be cool to have one app with all your cards. Perhaps with basic functionality like account balance and money transfer. Not sure if one bank would be able to integrate with another, but guess we'll see, right?

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: gsap.js

Author

Brian Haferkamp

December 26, 2019

Made with

HTML (Pug) / CSS (Sass) / JS

About a code jQuery Animation: Card to Full Screen

Click each image to open using a nice mobile app style animation. Pinch to close each article and return to the image list.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: material-design-iconic-font.css, jquery.touchswipe.js

AuthorClick to flip

November 6, 2019

About a code Cards with Folded Corner

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css

Made with

HTML (Haml) / CSS (SCSS) / JS

About a code Friend Collector Cards

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js, faker.js

Author

Abdul-malik Mustapha

July 18, 2019

About a code Illustrative Stacked Cards

Stacked card with navigation in jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: animate.css, jquery.js

Author

Vincent Van Goggles

February 27, 2019

About a code Interactive UI Cards

Cool UI cards that you can swipe through.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: swiper.css, jquery.js, swiper.jquery.js

Author

Vladimir

February 6, 2019

Made with

HTML / CSS (Sass) / JS (Babel)

About a code Blog Preview Modal

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Author

Zed Dash

September 28, 2018

About a code Expanding Flex Cards

Expanding flex cards in jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css, jquery.js

Author

Adam Kuhn

September 4, 2018

Made with

HTML (Haml) / CSS (SCSS) / JS

About a code Splitting.js Card

Compatible browsers: Chrome, Firefox, Opera, Safari

Responsive: no

Dependencies: splitting.js, jquery.js

Author

Tobias Glaus

June 25, 2018

About a code Figure & Figcaption Card

Figure & Figcaption card with jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

Filipe Martins

June 11, 2018

About a code Cards

This is the movie cards with full view of the trailer and infos about the series.

Compatible browsers: Chrome, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Author

Aaron Griffis

June 7, 2018

About a code Animated 3D Playing Card with Randomization

The value of the card gets randomized every time you flip it over.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

About a code Hoverable Expandable Blog Cards

Emulate iPhore appstore card tap zooming and expanding.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Author

Julie Park

April 10, 2018

About a code User Profile

User profile design with hamburger drop down menu animation.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css, jquery.js

Author

Andrew Canham

September 4, 2017

About a code Spread Cards

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Author

Aaron Taylor

July 23, 2017

About a code Contact Me Card Animation

Click on the "Contact Me" button to see it in action.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Author

Nathan Taylor

July 8, 2017

Made with

HTML (Pug) / CSS (SCSS) / JS (Babel)

About a code Info Cards

Animated info cards in jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

About a code Planets App SVG Animation

Clicking on a planet reveals more information about that planet.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Made with

HTML / CSS (SCSS) / JS (Babel)

About a code 3D Product Card

3D product card in jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Author

Tobias Glaus

June 23, 2017

About a code Unfolding Card

Unfolding card in jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

About a code Animated Video Grid

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

Brandon Ward

April 11, 2017

About a code Card Stack Tutorial Animation

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

Gabrielle Wee

January 17, 2017

Made with

HTML (Haml) / CSS (SCSS) / JS

About a code jQuery User Profile

Fully responsive and animated user profile modal card.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Author

Trevor L.J.M. McIntire

November 10, 2016

About a code Material Design Card Animation

A quick little animation with a material-design card.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Made with

HTML (Pug) / CSS (Sass) / JS (CoffeeScript)

About a code User Profile

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css

Author

Kitsune

September 28, 2016

About a code jQuery Article Card UI This example is an article card UI aimed more at mobile users although this could probably work for an article layout, click on the excerpt to view a bit more of the content and then you're presented with the option to read the full article. The animation could do with some work but I like the outcome.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Author

Steve Gardner

August 22, 2016

About a code Animated Weather Cards

Seamless animation between states, and some of animations break outside the container. Select the weather icons on the top to see each state.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js, tweenmax.js, snap.svg.js

Author

Andre Madarang

May 19, 2016

About a code Clash of Clans Cards

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: slick.css, slick-theme.css, slick.js

Author

Fabio Ottaviani

February 25, 2016

About a code E-Commerce Shop Card

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: slick.css, slick-theme.css, slick.js

Author

Jack Thomson

January 18, 2016

Made with

HTML (Haml) / CSS (SCSS) / JS

About a code Flexy Product Cards

This example was just a little play around using flexbox techniques, creating some super slick product cards with a swanky animation in jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Author

Alban Bujupaj

December 1, 2015

About a code Card 3D View Parallax

Card 3D view parallax in jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Author

Andy Tran

November 23, 2015

Made with

HTML (Pug) / CSS (SCSS) / JS

About a code Information Card Slider

Material Design information card slider with jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

Carlos Sánchez Riballo

October 16, 2015

Made with

HTML (Haml) / CSS (SCSS) / JS

About a code 3D Perspective Card XY

Used some jQuery to rotate the card on mouse movement.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

David Foliti

July 27, 2015

About a code Material Design Responsive Card

Card style based on Google Material color palette.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css, bootstrap.css, jquery.js

Author

Jesse Couch

June 29, 2015

About a code Re-Order Stacked Cards

Just for fun.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Made with

HTML (Pug) / CSS (Less) / JS

About a code Article News Card

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

About a code Google Now Inspired Flip Cards

Google Now style info cards with CSS card flip animation and jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Author

Virgil Pana

March 8, 2015

About a code Product Card

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

Keith Pickering

February 1, 2015

About a code jQuery Business Card

Save the trees with a digital business card.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Author

Jesse Couch

September 18, 2014

About a code Digital Business Card

The background image uses a CSS filter, so it's the same image that is behind the avatar. Managed to get rid of the white edges that come with this by offsetting the position and adding to the width.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css

Author

Cole Bemis

August 29, 2014

About a code jQuery Card Flip

Simple card flip using CSS 3D transforms, transitions and jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Made with

HTML (Haml) / CSS (SCSS) / JS

About a code The Scattering

Stacked cards with randomized rotation. Renders a slightly scattered stack of cards with randomized rotation and transform-origin on each card.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Free Blogger templatest, Free Blogger templates Minimalist, Free blogger templates responsive, Layouts blogger, Simple free blog template, Blog template WordPress, Goyabi templates, Nawigacja na stronie, Free Blogger templates, Free Blogger templates Minimalist, Btemplates, Free blogger templates responsive, Simple free blog template, Blog template WordPress, Blogger template responsive free, Blogger templates,s Free Blogger templates Free Blogger templates Minimalist Layouts blogger Free blogger templates responsive Btemplates Blogger portfolio template Blog template WordPress Free themes blogspot Theme Blogger Premium Gratis Download Parhlo Premium/Magazine Blogger Template Google     Infinite AMP Responsive Blogger Template | Blogspot Infinite AMP             Sarkari Result WordPress Theme Free Download      Amalia • v1.0 - Responsive •Blogger Template Amalie • Blogspot TemplateCodeify v1.0 - Personal Blogger Template new blogger templates, best blogger templatesLuvblog - Responsive HTML5 Blogger Template Twitter Bootstrap 3.0 100% Responsive DesignCream - Responsive News & Magazine Blogger Template Cream Magazine | ThemebeezSeo Mag - Responsive Blogger TemplateBest - SEO Friendly Blogger Templates • Top Best Free • New TemplatesWaverly - Personal Responsive Blogger Template250+ Best Free Responsive Blogger Templates PackNewsify v1.0 - News NEWSIFY BLOGGER THEME FEATURES Magazine Blogger Templateresponsive blogger templatesprofessional blogger templates freefree customizable blogger templatesfree blogger templates simple blogger templates freefree html blog templatesclean blogger templatespremium responsive blogger templates