Oh My Etch
Buy Now
ComponentsFacetsWooPatterns
IDEtch
IDEtch StarterIDEtch MCP
Stripe-like navigationFacet SystemMap FacetWoo Store
DocsPricingMy accountBuy Now
UI COMPONENTS / Lightbox

Lightbox. zoom right in.

Overlay galleries and custom slides without rebuilding the viewer runtime.

Get lifetime accessRead docs

Root + 4 atoms / Accessible / Composable

Lightbox · runtimeATOMIC

Looping preview · gallery overlay + lazy load

Why it's good

Behavior, handled.

Lightbox owns the parts that are tedious and easy to get wrong – so you can focus on the layout and the brand.

  • Keyboard viewer controls
  • Trigger and full-content slots
  • Lazy-friendly gallery structure
  • Focus-safe overlay behavior
Compositions

Lightbox becomes patterns.

Different structures made from the same atoms.

Bento galleryATOMIC
  • Bento Gallery
    • Lightboxroot
      • Lightbox Itematom
        • Trigger Slotslot
          • Full Slotslot
          • Lightbox Itematom
            • Trigger Slotslot
              • Full Slotslot

          Bento gallery

          Gallery 3 wraps a custom bento grid in Lightbox and repeats Lightbox Item for each image tile.

          Gallery 3
          Portfolio wallATOMIC
          • Portfolio Grid
            • Lightboxroot
              • Lightbox Itematom
                • Trigger Slotslot
                  • Full Slotslot
                  • Lightbox Itematom
                    • Trigger Slotslot
                      • Full Slotslot

                  Portfolio wall

                  Project cards can still use the same Lightbox Item trigger and full slots; only the slot content changes.

                  Component model
                  Custom slide deckATOMIC
                  • Media Deck
                    • Lightboxroot
                      • Lightbox Itematom
                        • Trigger Slotslot
                          • Full Slotslot

                      Custom slide deck

                      The full slot can hold richer opened content while Lightbox and Lightbox Item remain the only family components.

                      Component model
                      More UI Components

                      The rest of the family.

                      Accordion

                      Expandable sections with keyboard nav, ARIA, and animated panels.

                      i-layers / Root + 4 atomsView family

                      Tabs

                      Tabbed panels with an optional responsive accordion fallback.

                      i-columns / Root + 4 atomsView family

                      Dialog

                      Focus-trapped modal overlays with title, description, and close.

                      i-frame / Root + 5 atomsView family
                      See all UI Components
                      Ready?

                      Stop rebuilding Lightbox.

                      See pricingRead the docs