Overzicht Organisms
Gallery
Stijlvolle foto gallery met animaties, hover effecten en lightbox.
30 foto's geladen uit /public/images/photography/
Default Gallery
Grid layout met 3 kolommen, square aspect ratio en reveal hover effect.
1 / 1
Landscape Aspect Ratio
4 kolommen met landscape (4:3) verhouding.
1 / 1
Hover Effects
Verschillende hover stijlen beschikbaar.
Zoom
Lift
Glow
Masonry Layout
Pinterest-style layout met variabele hoogtes.
1 / 1
Foto-Kleur Composities
Elke foto met bijbehorende kleurextractie uit het Emerson kleurenpalet.
R0002242 warm
--color-taupe-500--color-charcoal--color-retro-terracotta 
R0001871 cool
--color-charcoal--color-white--color-taupe-200 
R0002307 neutral
--color-retro-teal--color-charcoal--color-orange 
R0001851 vibrant
--color-retro-rust--color-retro-gold--color-charcoal 
R0002384 warm
--color-orange--color-retro-mustard--color-taupe-500 
R0001893 cool
--color-soft-cream--color-brand-tobacco--color-taupe-200 
R0000013 neutral
--color-retro-sage--color-soft-cream--color-retro-burgundy 
R0001967 vibrant
--color-charcoal--color-white--color-retro-rust 
R0002273 warm
--color-retro-teal--color-orange--color-charcoal 
R0002272 cool
--color-retro-mustard--color-retro-teal--color-retro-rust 
R0002290 neutral
--color-taupe-500--color-charcoal--color-retro-terracotta 
R0001980 vibrant
--color-charcoal--color-white--color-taupe-200 
R0001893-2 warm
--color-retro-teal--color-charcoal--color-orange 
R0001905 cool
--color-retro-rust--color-retro-gold--color-charcoal 
R0002067 neutral
--color-orange--color-retro-mustard--color-taupe-500 
R0001904 vibrant
--color-soft-cream--color-brand-tobacco--color-taupe-200 
R0001968 warm
--color-retro-sage--color-soft-cream--color-retro-burgundy 
R0000017 cool
--color-charcoal--color-white--color-retro-rust 
R0000045 neutral
--color-retro-teal--color-orange--color-charcoal 
R0001638 vibrant
--color-retro-mustard--color-retro-teal--color-retro-rust 
R0002223 warm
--color-taupe-500--color-charcoal--color-retro-terracotta 
R0001928 cool
--color-charcoal--color-white--color-taupe-200 
R0001855 neutral
--color-retro-teal--color-charcoal--color-orange 
R0002215 vibrant
--color-retro-rust--color-retro-gold--color-charcoal 
R0002013 warm
--color-orange--color-retro-mustard--color-taupe-500 
R0001890 cool
--color-soft-cream--color-brand-tobacco--color-taupe-200 
R0002016 neutral
--color-retro-sage--color-soft-cream--color-retro-burgundy 
R0002116 vibrant
--color-charcoal--color-white--color-retro-rust 
R0001938 warm
--color-retro-teal--color-orange--color-charcoal 
R0002102 cool
--color-retro-mustard--color-retro-teal--color-retro-rust Props
| Prop | Type | Default | Beschrijving |
|---|---|---|---|
images | GalleryImage[] | required | Array van afbeeldingen met src, alt, caption |
columns | 2 | 3 | 4 | 3 | Aantal kolommen |
gap | 'sm' | 'md' | 'lg' | 'md' | Ruimte tussen items |
aspect | 'square' | 'landscape' | 'portrait' | 'auto' | 'square' | Beeldverhouding |
variant | 'grid' | 'masonry' | 'grid' | Layout type |
hoverEffect | 'zoom' | 'lift' | 'glow' | 'reveal' | 'reveal' | Hover animatie |
lightbox | boolean | true | Klikbare lightbox |
animated | boolean | true | Entrance animaties |