Around UI Kit
Live demo Documentation
Buy Now
Menu
  • Live demo
  • Documentation

Content

Typography Images & figures Tables

Components

Accordion Alerts Badges Blog components Breadcrumb Buttons Button group Cards: Basic Cards: Hover effects Carousel (Slider) Charts Collapse Countdown Date / time picker Dropdowns Forms Gallery (Lightbox) Hotspots Image comparison slider Input group List group Maps Modal Navbar Offcanvas Pagination Parallax Pills Placeholders Popovers Portfolio components Pricing Progress Shop Components Social Buttons Spinners Steps Tabs Team Testimonials / reviews Toasts Tooltips Video popup Utilities
Buy now

Gallery (Lightbox)

JavaScript based lightbox component for presenting various types of media.

Around component

Media: Image

Candle image #1
Image caption

Media: Video

Video cover
Video caption

Media: Iframe (Google map)

Candle image #1
Google map embed

Zoom effect

Candle image #1
Image caption

Thumbnails

Image #1
Image #1
Image #2
Image #2
Image #3
Image #3

Inside card

Candle image #1

Card title

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

Go somewhere

Customize theme

Colors
Primary
Warning
Info
Success
Danger
Typography (1rem = 16px)
Borders / Rounding

Your custom styles

Grab the generated styles below. Wrap them inside <style> tag and put in the <head> section of your HTML document.

IMPORTANT: In order for these styles to take effect you have to placed them below:
<link rel="stylesheet" media="screen" href="assets/css/theme.min.css">