How do I customize card colors?

For Bootstrap, override CSS variables or utility classes. For Tailwind, swap bg-, border-, and text- utilities. All snippets include the source CSS or classes in the code block.

Free Cards Snippets — 101+ Copy-Paste Examples (Bootstrap & More) — Page 9 of 12

#card#hover+1

3D Flip Card on Hover snippet using only HTML & CSS

3D Flip Card on Hover snippet using only HTML & CSS — a free Bootstrap 5 card snippet. Copy the HTML & CSS and paste straight into your Bootstrap 5 project.

13.0kView snippet

#jquery#card+1

Awesome Credit Card Form - VueJs snippet

Awesome Credit Card Form - VueJs snippet: a hand-crafted, open-source Bootstrap 5 card. HTML, CSS & JS included, ready to copy.

2.9kView snippet

#user-interface#template+2

Skateboard Video Platform user interface template

Skateboard Video Platform user interface template: a hand-crafted, open-source Bootstrap 5 card. HTML, CSS & JS included, ready to copy.

1.6kView snippet

#card#animation

Expanding flex cards with animation

Expanding flex cards with animation — a free Bootstrap 5 card snippet. Copy the HTML, CSS & JS and paste straight into your Bootstrap 5 project.

7.2kView snippet

#product#discount+1

Semantic UI Cards with Labels and Tags snippet

Add a card to your UI with Semantic UI Cards with Labels and Tags snippet. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.

2.0kView snippet

#panel#tabs

Bootstrap snippet Panels with nav tabs using HTML & CSS

Bootstrap snippet Panels with nav tabs using HTML & CSS — a free Bootstrap 5 card snippet. Copy the HTML & CSS and paste straight into your Bootstrap 5 project.

23.0kView snippet