📌 Version 1.0 This is the first generation of our components. Some may have minor alignment differences or use widgets that aren't perfectly matched to the content type. Even so, they provide a strong structural foundation and are very useful for quickly building any type of website. We're continuously improving them; future versions will be even more polished.
Banner / Announcements
Announcement bars, banners, and notification strips
289 components - V3 250 · V4 39
📌 Version 1.0 This is the first generation of our components. Some may have minor alignment differences or use widgets that aren't perfectly matched to the content type. Even so, they provide a strong structural foundation and are very useful for quickly building any type of website. We're continuously improving them; future versions will be even more polished.
Banner Layout Style 1
full-width bar: text + CTA inline
Banner Layout Style 2
full-width bar: text + CTA inline with CTA button below
Banner Layout Style 3
full-width bar: text + CTA inline with divider above
Banner Layout Style 4
full-width bar: text + CTA inline with image placeholder
Banner Layout Style 5
full-width bar: text + CTA inline with icon accents
Banner Layout Style 6
full-width bar: text + CTA inline centered layout
Get new V4 components weekly
We add 200+ new V4 atomic components every week. Drop your email and get the new ones in a weekly digest, plus the free V4 migration starter kit as a welcome gift.
No spam. Unsubscribe anytime. We'll also let you know when new V4 components drop.
Banner Layout Style 1 2
full-width bar: text + CTA inline left-aligned layout
V3 AdaptiveBanner Layout Style 2 2
full-width bar: text + CTA inline 2-column variant
Banner Layout Style 3 2
full-width bar: text + CTA inline 3-column variant
Banner Layout Style 4 2
full-width bar: text + CTA inline compact variant
Banner Layout Style 5 2
full-width bar: text + CTA inline spacious variant with extra padding
Banner Layout Style 6 2
full-width bar: text + CTA inline with social-icons row
Banner Layout Style 1 3
full-width bar: text + CTA inline with counter stat
Banner Layout Style 2 3
full-width bar: text + CTA inline full-width layout
Banner Layout Style 3 3
full-width bar: text + CTA inline narrow centered card style
Banner Layout Style 4 3
full-width bar: text + CTA inline with divider below
Banner Layout Style 5 3
full-width bar: text + CTA inline right-aligned layout
Banner Layout Style 6 3
full-width bar: text + CTA inline 4-column variant
Banner Layout Style 1 4
full-width bar: text + CTA inline with alert banner above
Banner Layout Style 2 4
full-width bar: text + CTA inline with breadcrumb above
Banner Layout Style 3 4
full-width bar: text + CTA inline minimal single-row
Banner Layout Style 4 4
full-width bar: text + CTA inline with background container card
Banner Layout Style 5 4
centered bar: icon + text + CTA
Banner Layout Style 6 4
centered bar: icon + text + CTA with CTA button below