Enhanced Mau Gallery!

Banner (coffee photo)

Banner (dog photo)

Banner (girls photo)

Enhanced Mau Gallery (Demo)

An alphamale gigachad images gallery (lol), built with Bootstrap 5 and vanilla JS.

GitHub

Boring pictures gallery

Please, enable Javascript to see this gallery component in action

Woman photo : black and white/sepia photography of a long-haired woman wearing a hat.

Man photo : photography of a man sitting on a chair, legs crossed, looking out the window.

Coffee photo : photography of a coffee mug, plain yellow background.

Man photo : a standing man wearing a turtleneck sweater and glasses, with a three-day beard, behind which we see a university. Outdoor photograph in daylight, blurred background.

Dog photo : photography of a black bulldog wearing a knit. Plain yellow background.

Woman photo : a photography of a smiling woman wearing a grey short-sleeved t-shirt, a watch with a white silicone strap, sunglasses with a brown frame, jeans, and a black belt. Plain white background.

Dog photo : a photography of a happy French bulldog, wearing a red collar, standing with both front paws resting on a white ledge. Rather green country blurred background, with a white sky.

Coffee photo : photography of a white cup of steaming coffee, set on a bed of coffee beans above which there is a brown textured wood blurred background.

Man photo : a photography of a dark-haired man with green eyes posed in front of a gray pallet wood exterior wall, wearing a thin gold chain, a blue-gray wool sweater with a round neck, and a navy blue down jacket, holding a cup of hot chocolate with both hands.

Woman photo : photography of a brown-eyed Asian woman, wearing red nail polish on both hands, holding a cupcake in her right hand and tasting the cream of the cake on one fingertip of her left hand. Plain pink background.

Coffee photo : top view photo of two steaming cups of coffee, each held by a hand. The one on the left is held by the hand of a white woman, of whom we can only see her hand and a part of her arm on which she wears bracelets. The one on the right is held by a white man whose hand is visible only.

Dog photo : photography of an American Eskimo dog with green eyes lying in the grass with his tongue out. Blurred background.

Woman photo : photography of two beautiful young Slavic women with makeup, wearing rather light fashion outfits and fashion accessories like jewelry, bracelets, necklaces, or red or white nail polish.

Dog photo : photography of a brown-haired puppy, wearing a red collar, sitting on a white sea rush floor. Blurred background.

The same boring pictures gallery, but Dall-E 2 generated

Please, enable Javascript to see this gallery component in action

Another boring pictures gallery

Navigation option setted to 'false' (click on a picture to see it in 'inaction')

Filters tag position option setted to 'bottom'

Please, enable Javascript to see this gallery component in action

Concert photo : Aaron Paul

Enterprise photo : Ali Morshedlou

Enterprise photo : Jason Goodman

Wedding photo : Hannah Busing

Portrait photo : Ade Tunji

Wedding photo : Jakob Owens

Portrait photo : Nino Van Prattenburg

Concert photo : Austin Neill

Enterprise photo : Mateus Campos Felipe

Video games pictures gallery

All categories only have 1 picture.

See how the modal navigation adapts when you're in a single-item collection.

Please, enable Javascript to see this gallery component in action

Video games pictures gallery

Disabled filter tags

Please, enable Javascript to see this gallery component in action

Video games pictures gallery

Disabled filter tags & disabled modal

Please, enable Javascript to see this gallery component in action

Hey! Run this page in a disabled Javascript context to see how it adapts (You can use NoScript to do this, for example)

Disclaimer

First of all: any PR is welcome!

This side project is my FIRST vanilla JS script.
It probably not includes all the most rigorous ways to achieve the sake of this project.

I have a lot to learn. Maybe from you?

Remember that it is an EXPERIMENTAL and PERSONAL project.

I'm nor a vanilla JS, nor a web design pro.

Fork me on GitHub!