Cards

This lightweight CSS code snippet helps you to create cards with title, description, meta info arranged in a grid layout. You can use these cards…

This code snippet helps you to create a side by side cards. It is a block of HTML code that creates two material cards for…

This code snippet helps you to create a card with smooth transition. It defines a card element with a clickable behavior. When the card is…

This CSS code snippet helps you to create business cards or team page cards with a flip effect. The cards come with linear-gradient background color…

This Vanilla JavaScript code snippet helps you to create E-commerce shopping card with product information. Each card comes with an image, text, price, and input…

The CSS code snippet helps you to create cards with text summary that is revealed on the hover effect. The card element is given a…

This CSS code snippet helps you to create profile cards with hover effect. It comes with modern UI design containing circular profile picture, name, description…

This code snippet helps you to create a hover animation. It represents a web page that contains two sections: "All Games" and "What's new?". The…

This code snippet helps you to create an animation-linked card. The cards come with a number, a title, a brief description, a date, and a…

This code snippet helps you to create a social media card. It appears to be like a block of code for a social media sharing…