See the Pen Tailwind – Cards by Andi Grether (@handplant) on CodePen.
![](https://gscode.in/wp-content/uploads/2022/07/1-2-900x468.png)
Title :- Tailwind – Cards
Author:- Andi Grether
Made With :- HTML CSS JS
See the Pen Calcite Tailwind Cards by Erich Rainville (@TheBlueDog) on CodePen.
![](https://gscode.in/wp-content/uploads/2022/07/2-900x456.png)
Title :- Calcite Tailwind Cards
Author:- Erich Rainville
Made With :- HTML CSS JS
See the Pen Tailwind – Cards by Artexxx (@artexxx) on CodePen.
![](https://gscode.in/wp-content/uploads/2022/07/3-900x468.png)
Title:- Tailwind – Cards
author:- Artexxx
Made with:- HTML CSS JS
See the Pen Social cards with tailwind css by Frank Esteban (@frankuxui) on CodePen.
![](https://gscode.in/wp-content/uploads/2022/07/4-900x466.png)
Title:- Social cards with tailwind css
author:- Frank Esteban
Made with:- HTML CSS JS
See the Pen Tailwind – Cards with Charts by Bertram Simon (@simonwpt-the-typescripter) on CodePen.
![](https://gscode.in/wp-content/uploads/2022/07/5-900x462.png)
Title:- Tailwind – Cards with Charts
author:- Bertram Simon
Made with:- HTML CSS JS
See the Pen Tailwind – Responsive Card Grid by CodeTime.io (@codetimeio) on CodePen.
![](https://gscode.in/wp-content/uploads/2022/07/6-900x467.png)
Title:- Tailwind – Responsive Card Grid
author:- CodeTime.io
Made with:- HTML CSS JS
![](https://gscode.in/wp-content/uploads/2022/06/lexicon-product-card-with-compare-900x506.jpg)
Title:- LEXICON PRODUCT CARD WITH COMPARE
author:- TailwindTemplates
Made with:- HTML CSS JS
![](https://gscode.in/wp-content/uploads/2022/06/glowing-gradients-with-tailwind-css-900x506.png)
Title:- Glowing Gradients with Tailwind CSS
author:- Braydon Coyer
Made with:- HTML CSS JS
![](https://gscode.in/wp-content/uploads/2022/06/shadow-with-review-score-900x506.png)
Title:- CARD COMPONENT SHADOW WITH REVIEW SCORE
author:- HyperUI
Made with:- HTML CSS JS
![](https://gscode.in/wp-content/uploads/2022/06/image-with-content-and-background-900x506.jpg)
Title:- CARD COMPONENT IMAGE WITH CONTENT AND BACKGROUND
author:- HyperUI
Made with:- HTML CSS JS
![](https://gscode.in/wp-content/uploads/2022/06/shadow-with-gradient-border-900x506.png)
Title:- CARD COMPONENT SHADOW WITH GRADIENT BORDER
author:- HyperUI
Made with:- HTML CSS JS
![](https://gscode.in/wp-content/uploads/2022/06/with-large-call-to-action-and-image-900x506.jpg)
Title:- CARD COMPONENT WITH LARGE CALL TO ACTION AND IMAGE
author:- HyperUI
Made with:- HTML CSS JS
![](https://gscode.in/wp-content/uploads/2022/07/1-900x438.png)
Title:- With Icon, Content and Background
Author:- HyperUI
Made with:- Tailwind
![](https://gscode.in/wp-content/uploads/2022/07/Untitled-900x445.png)
Title:- Stacked with Large Image and Content
Author:- HyperUI
Made with:- Tailwind
![](https://gscode.in/wp-content/uploads/2022/07/1-1-900x437.png)
Title:- Darkened Background with Content on Hover
Author:- HyperUI
Made with:- Tailwind
![](https://gscode.in/wp-content/uploads/2022/07/Untitled-1-900x441.png)
Title:- Bordered with Content on Hover
Author:- HyperUI
Made with:- Tailwind
![](https://gscode.in/wp-content/uploads/2022/07/Untitled-2-900x440.png)