Card.UX/UI

Discover 20+ predefined templates or generate your custom card

Learn more

Card Generator

Featured
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

How to use it?

1. Download Card Styles

2. Create the card you like

3. Copy the generated code and paste it into the downloaded project

Docs

Custom color


Free Card Templates

You can simply add Cards to your Bootstrap project by using these predefined templates.

Choose the template you like and add it to your project.

If you want to learn more about the construction of the cards and get to know the basic and advanced usage of this component - read the Cards Docs.

Minimalist statistics cards


Statistics with subtitle


Card with a quote


Promoting card


Weather card


Map card


Calendar card


Panels card


Testimonial card


Form card


Booking card


Chart card


Cards with chips