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

Images & figures

Image styles and figure component for displaying images and text.

Image shapes

Square image
Rounded image
Circle image

Thumbnails

Square image
Rounded image
Circle image

Figures with caption

Square image
Caption on the left
Rounded image
Caption on the center
Circle image
Caption on the right

Image swap on hover

Champion Champion Champion

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">