Blog cards, also known as card components or card designs, are a popular user interface (UI) pattern used in web design to present and organize information in a visually appealing and structured manner. Blog cards typically display snippets of content, such as articles, blog posts, or other pieces of information, in a concise and digestible format.
Welcome to our collection of 10+ Card Designs! In this article, we have selected a range of free Card Designs from platforms like Code Pen.
Card Hover Interactions
Author Ryan Mulligan
Made with HTML/CSS
3D Card Hover
Author Gayane Gasparyan
Made with HTML/CSS
Expanding flex cards
Author Zed Dash
Made with HTML/CSS/JS
Slider Parallax Effect
Author Manuel Madeira
Made with HTML/CSS/JS
3D Carousel
Author Yoav Kadosh
Made with CSS/JS
CSS leaning card effect
Author Lynn Fisher
Made with HTML/CSS
Cards Against Developers
Author Jhey
Made with HTML/CSS
Blog cards
Author Brett
Made with HTML/CSS
Blog cards
Author Shraddha Prabhakar Hinge
Made with HTML/CSS
Player/User Cards
Author Alvaro Montoro
Made with HTML/CSS
Info Cards Concept
Author Yancy Min
Made with HTML/CSS
Daily UI #006 User Profile
Author Tobias
Made with HTML/CSS
Dribble Mockup – Travel Homepage
