Cards Bootstrap 5Free+ CSS+ JS
Add a card to your UI with Vue component: Cards example. Free Bootstrap 5 code — HTML, CSS & JS ready to copy, MIT licensed.
2.8k views26 downloads
gosnippets.com/preview/vue-component:-cards-example
Source Code
1<div id="app" class="card-wrapper">
2 <analytics-card v-for="(card, index) in cards" :key="card" :card="card" :color="colors[index % colors.length]" :index="index"></analytics-card>
3</div>
4<script src='https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/vue.min.js'></script>
5<script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/3.2.6/gsap.min.js'></script>Tags
More Cards snippets

Bootstrap carousel with cards in 3 columns
Bootstrap carousel with cards in 3 columns: a hand-crafted, open-source Bootstrap 5 card. HTML included, ready to copy.
CardsView →

Bootstrap 5 ecommerce product cards details template
Add a card to your UI with Bootstrap 5 ecommerce product cards details template. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.
CardsView →

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.
CardsView →
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.