Container Library

Copy JSON → paste into Etch → adopts your site's tokens.

82 containers31 categories

Showing 82 of 82 containers

Accordion: FAQ group

Accordion

staticcss

Accordion: FAQ group nav

Accordion

staticcss

Accordion: read more

Accordion

staticcss

Awards: logo slider

Awards

staticjs

Awards: logo strip

Awards

staticnone

Blog: article cards

Blog

staticjs

Cards: career area index rows

Cards

staticdynamicnone

Cards: benefit definition rows

Cards

staticdynamicnone

Cards: benefit columns

Cards

staticnone

Image + caption cards

Cards

staticnone

Photo cards

Cards

staticnone

Text-only cards

Cards

staticnone

Cards: toggle read-more

Cards

staticcss

Cards: program comparison tiers

Cards

staticnone

Contact: office info

Contact

staticnone

Cookie: bottom bar

Cookie

staticjs

Cookie: corner/centered modal

Cookie

staticjs

CTA: band

Cta

staticnone

Events: detail page kit

Events

staticnone

Events: list

Events

staticdynamicnone

Featured jobs: rows

Featured Jobs

staticdynamicnone

Footer: basic

Footer

staticnone

Footer: with CTA

Footer

staticnone

Hero: basic

Hero

staticcssjs

Hero: filmstrip

Hero

staticcssjs

Hero: geo shape

Hero

staticnone

Hero: ring

Hero

staticcssjs

Hero: search embedded

Hero

staticnone

Hero: search overlap

Hero

staticnone

Hero: video

Hero

staticjs

Hero: interior page hero

Hero

staticdynamicnone

Job page: apply bar

Job Page

staticdynamicjs

Job page: job hero

Job Page

staticdynamicnone

Job page: job tabs

Job Page

staticdynamicjs

Job page: pay module

Job Page

staticdynamicnone

Job page: quick-answer card

Job Page

staticdynamicnone

Job page: recruiter card

Job Page

staticdynamicnone

Job search: results

Job Search

staticjs

Job search: standalone

Job Search

staticnone

Jobs: simple list

Jobs

staticdynamicnone

Jobs: related strip

Jobs

staticdynamicnone

Media: culture photo mosaic

Media

staticnone

Misc: section divider

Misc

staticnone

Modern: bento grid

Modern

staticnone

Modern: FAQ + CTA split

Modern

staticcss

Modern: feature sticky scroll

Modern

staticnone

Modern: logo marquee

Modern

staticcss

Modern: stats counters

Modern

staticjs

Modern: testimonial wall

Modern

staticnone

Modern: scroll-progress timeline

Modern

staticcss

Navigation: dropdown

Navigation

staticjs

Navigation: hamburger off-canvas

Navigation

staticjs

Navigation: simple one-row

Navigation

staticnone

Navigation: transparent on scroll

Navigation

staticjs

Notices: alert

Notices

staticnone

Notices: disclosure bar

Notices

staticnone

Notices: jump nav

Notices

staticnone

Notices: social bar

Notices

staticnone

People: team grid

People

staticnone

Persona: form

Persona

staticjs

Search: related searches

Search

staticdynamicnone

Slider: cards

Slider

staticjs

Slider: text steps

Slider

staticjs

Stats

Stats

staticnone

Tabs: region map picker

Tabs

staticjs

Tabs: hiring-journey steps

Tabs

staticjs

Tabs: content tabs

Tabs

staticjs

Talent network: form

Talent Network

staticnone

Testimonial: quote slider

Testimonial

staticdynamicjs

Testimonial: quote band

Testimonial

staticdynamicnone

Testimonial: video cards

Testimonial

staticjs

Testimonial: tabbed story

Testimonial

staticdynamicjs

Text: fact sentence

Text

staticnone

Text: with image

Text

staticnone

Text: intro

Text

staticnone

Text: title with highlight

Text

staticnone

Timeline: icon steps

Timeline

staticcss

Timeline: hiring steps

Timeline

staticnone

Toggles: stacked toggle

Toggles

staticjs

Video: embedded player

Video

staticnone

Video: popup lightbox

Video

staticcssjs

Video: tabbed feed

Video

staticjs