TARGET ELEMENT ID

Canvas

Preview Background(preview only)

Match this to your website section's background color. The preview background acts as the section background of your page so your design blends seamlessly.

Header Content

Headline

Subheadline

Headline Font Family

Need a font? Check Google Fonts and copy the name and paste it here to apply.

Headline Font Style

Headline Font Size

30px

Headline Color

Subheadline Font Family

Need a font? Check Google Fonts and copy the name and paste it here to apply.

Subheadline Font Style

Subheadline Font Size

14px

Subheadline Color

Hover Overlay Text & Style

Overlay Title Font Family

Need a font? Check Google Fonts and copy the name and paste it here to apply.

Overlay Title Font Style

Overlay Title Font Size

16px

Overlay Title Color

Overlay Description Font Family

Need a font? Check Google Fonts and copy the name and paste it here to apply.

Overlay Description Font Style

Overlay Description Font Size

13px

Overlay Description Color

Overlay Height (%)

40%

Grad. Start Color

Grad. Start Opacity

90%

Grad. Start Position

Grad. End Color

Grad. End Opacity

Grad. End Position

100%

Layout & Card Effects

Hover Expand Ratio

Border Radius

8px

Border Color

Shadow Settings

Shadow Color

Shadow Opacity

20%

Shadow Blur

16px

Shadow X

0px

Shadow Y

8px

Shadow Z

0px

Gallery Image Cards

Live Preview

Accordion Image Gallery

Crafted with Passion, Poured with Purpose

Experience artisan roasting, single-origin beans, and a warm atmosphere crafted for everyday moments.

Code copied to clipboard!

Accordion Image Gallery - KazyUI

Crafted with Passion, Poured with Purpose