bulma-cards

Bulma Components

Responsive Cards

A growing collection of responsive UI cards that you can use/copy-paste in your @bulma projects. Some of these cards have animated hover effects, scroll down to see it in action.

Example: #01

Placeholder image

Dummy Text

Lorem ipsum leo risus, porta ac consectetur ac, vestibulum at eros. Donec id elit non miy

Example: #02

Placeholder image Christian Kogler

Dummy Text

Lorem ipsum leo risus, porta ac consectetur ac, vestibulum at eros. Donec id elit non miy

Example: #03

Placeholder image

Dummy Text

Lorem ipsum leo risus, porta ac consectetur ac, vestibulum at eros. Donec id elit non miy

Example: #04

Placeholder image

Dummy Text

Lorem ipsum leo risus, porta ac consectetur ac, vestibulum at eros. Donec id elit non miy

Example: #05

Design Inspiration: https://codepen.io/steveschoger/pen/XwzRRZ

Placeholder image

Dummy Text

Lorem ipsum leo risus, porta ac consectetur ac, vestibulum at eros. Donec id elit non miy

196 km from Istanbul
★★★★★ 10 Reviews

*Places to visit: Istanbul, Kireçburnu & Ankara

Example: #06

Design Inspiration: https://codepen.io/steveschoger/pen/YbQXGq

Placeholder image

Castlevania • 10000y old

$12,750,000

Arjantin Cd. No:30, 06700

3 Bedrooms
2 Bathrooms

Realtor

Placeholder image

John Dume

(000) 000-0000

Example: #07

Design Inspiration: https://penpot.app

Placeholder image

Dummy text title for web

Lorem ipsum leo risus, porta ac consectetur ac, vestibulum at eros. Donec id elit non miy, Lorem ipsum leo risus, porta ac consectetur..

Example: #08

Placeholder image

01.

Bowl office collection

Lorem ipsum leo risus, porta ac consectetur ac, vestibulum at eros. Donec id elit non miy losre, Lorem ipsum leo risus, porta consectetur..

Example: #09 - Animated Title and Caption

Dummy text title

Lorem ipsum leo risus, porta ac thes consectetur ac, vestibulum at eros. Donec id elit non miy losre..

Example: #10 - Animated Title and Caption with Zooming

Dummy text title

Lorem ipsum leo risus, porta ac thes consectetur ac, vestibulum at eros. Donec id elit non miy losre..

Example: #11 - Tour Planner

Design Inspiration: https://dribbble.com/shots/8157859-Travel-App

Placeholder image
200
334
Placeholder image
Placeholder image Placeholder image Placeholder image

Cappadocia, Turkey

Lorem ipsum leo risus in Donec id elit

Example: #12 - Travel Catalog

Design Inspiration: Travel Category Page by Faria Anzum

Placeholder image
Cappadocia, Turkey
15/Day

Lorem ipsum leo risus

15 Days Tour
★★★★★

Example: #13 - Product Catalog

Placeholder image

Hot Collection

Lorem ipsum leo risus

★★★★★

Lorem ipsum dolor sit amet la bum consectetur adipisicing elit leori

$45.00

Add to Cart

Made with ♥ in Rajshahi