20 layouts, one library.
Every header and footer in AraSites — 10 of each, fully designed and responsive. Switch between them with the tabs below, then copy the markup straight into any demo.
Classic Pro
Underline-on-hover nav, icon utilities, notification badge and a gradient CTA.
Centered editorial
Logo dead-centre, split uppercase nav. For fashion, editorial & portfolio.
Utility topbar
Gradient info strip with contact, socials & language above the main nav.
Dark SaaS
Deep-navy bar, gradient hairline, dropdown carets, "New" pill and a glowing CTA.
E-commerce deluxe
Announcement strip, category search, account/wishlist/cart with live counts & a category sub-nav.
Glass over hero
Frosted-glass navbar floating on a rich gradient hero with live content beneath.
A coastline retreat
that stays with you.
Mega-menu
A full dropdown panel — icon link columns plus a gradient featured promo card.
By use case
Marketing sitesLaunch fast, convert more E-commerceStorefronts that sell EducationCourses & cohortsAraSites Pro is here
30 new demos, a page builder and a CMS.
App sidebar
Full dashboard chrome — grouped nav, badge counts, upgrade card, profile & a topbar.
Good morning, Anna
The sidebar stays fixed across every dashboard route — this is the app-style chrome.
Floating pill
A detached, fully-rounded nav that hovers over the page — the modern landing-page look.
Minimal mega-brand
Oversized wordmark, a single "Menu" pill — luxury / agency restraint.
Mega dark
Newsletter band, four link columns, payment marks & language picker — the full default.
Light & airy
Bright background, a bold brand statement, three columns and a soft newsletter card.
Centered minimal
Gradient mark, single nav row, circular socials and a row of quiet trust signals.
Newsletter
Full-bleed gradient, an oversized signup with subscriber count and four mini-columns.
App promo
Store buttons and a star rating beside a real phone mockup of the product.
Mega sitemap
Six dense link columns, a live status indicator and compliance certification badges.
CTA card
A glowing gradient conversion card seated above a quiet single-line credit strip.
Contact + map
Icon contact cards, opening hours and a map panel — built for local businesses.
Big-logo statement
An oversized wordmark fills the width — the bold, type-led modern footer.
Awards & trust row
Recognition badges up top build instant credibility above the columns.
More building blocks await
80+ components and 16 ready-made sections, in their own libraries.