Skip to content
noel.marketing
Deutsch
Astro ThemeAvailable now

BentoAtelier

BentoAtelier Astro Theme — Bento Grid Portfolio for Creative Studios

A modular bento-grid Astro portfolio with Lenis scroll, magnetic interactions, case studies, and an MDX journal.

€99.99

BentoAtelier preview
View live demoScroll to preview ->
View demo

Secure checkout via Lemon Squeezy

VisaMastercardPayPalApple PayGoogle Pay

Available payment methods may vary by device and region.

BentoAtelier

€99.99

Demo

Live preview

Preview the theme in-browser

Explore the real hosted demo directly on the product page, or open it in a dedicated tab.

Open full preview
https://bentoatelier.pages.dev/Demo

Why it fits

Why this Astro theme

  • Modular bento grid homepage with reusable cards

  • Portfolio and journal content collections

  • Lenis smooth scroll with magnetic interactions

  • MDX blog support, sitemap, and JSON-LD

  • Pure CSS design system without Tailwind

  • Central `site.ts` config for URL, contact, and socials

Built for

Perfect for

Typical scenarios this product is designed to support.

  • Creative agency portfolios
  • Design studio sites
  • Freelance designer portfolios
  • Modular showcase marketing sites
  • MDX journal-led studio brands

In the box

Features

Concrete pages, modules, and capabilities included in the download.

  • Bento grid homepage
  • Portfolio and journal collections
  • Lenis scroll and magnetic interactions
  • Pure CSS design system
  • Sitemap and JSON-LD

Bento grid portfolio, built for studios

BentoAtelier is a premium Astro portfolio theme for creative agencies, design studios, and freelancers. The homepage is a modular bento grid — card-based, flexible, and built to rebrand fast from a single site config.

Portfolio case studies and journal posts use content collections. About, contact, 404, and example legal pages round out a launch-ready static site with no database required.

Motion without framework bloat

Lenis smooth scroll, scroll reveals, magnetic interactions, and page transitions give the theme a premium feel. Styling is a pure CSS design system — no Tailwind dependency — so tokens stay editable and lightweight.

Start in src/config/site.ts for URL, contact, company, and socials. Connect the demo contact form to Formspree, Web3Forms, or Netlify Forms before going live.

Feature highlights

  • BentoCard, BentoGrid, Header, Footer, and Magnetic components
  • MDX blog support with sitemap generation and JSON-LD
  • Fully static output for Vercel, Netlify, or Cloudflare Pages
  • Design specification documented in DESIGN.md
  • Commercial license via Lemon Squeezy

Next step

Pairs well with this

Related products that fit the same product line, stack, or launch workflow.

AIAgency preview

AIAgency

€39.00

An editorial Astro 7 theme for AI studios — EN/DE, work case studies, services, blog, and subtle motion.

astro theme
Arrowlaunch preview

Arrowlaunch

€129.99

A cinematic Astro portfolio and journal — asymmetric layouts, kinetic type, case studies, and restrained premium motion.

astro theme
Arrowline preview

Arrowline

€49.99

A conversion-focused Astro agency theme with case studies, pricing, journal, and directional motion.

astro theme

Ready to launch

Start building today

Get instant access after checkout. Download the full source, customize locally, and deploy to your host.

View demo

Secure checkout via Lemon Squeezy

VisaMastercardPayPalApple PayGoogle Pay

Available payment methods may vary by device and region.

Frequently asked questions

Who is BentoAtelier built for?

Creative agencies, design studios, and freelancers who want a modular bento homepage instead of a conventional long scroll.

Which pages are included?

Bento homepage, portfolio work, journal/blog, about, contact, 404, and example legal pages for privacy, terms, imprint, and cookies.

What motion is included?

Smooth Lenis scrolling, scroll reveals, magnetic interactions, and page transitions — with a pure CSS design system and no Tailwind dependency.

Does it need a database?

No. Output is fully static. Projects and blog posts live in Astro Content Collections as files.