Skip to content
noel.marketing
Deutsch
Astro ThemeAvailable now

Wobble

Wobble Astro Theme — Playful Creative Portfolio

A candy-bright Astro creative portfolio with MDX case studies, playful motion, and a fully opaque mobile menu.

€19.00

Wobble 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.

Wobble

€19.00

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://wobble-e6v.pages.dev/Demo

Why it fits

Why this Astro theme

  • Candy-bright visual system with soft shapes and bold accents

  • Multi-page portfolio with work grid and structured MDX case studies

  • Single config file for brand, navigation, CTAs, and form action

  • Opaque fullscreen mobile menu with solid menu background

  • Spring button motion plus float and wobble animations

  • SEO essentials including sitemap, Open Graph, JSON-LD, and llms.txt

Built for

Perfect for

Typical scenarios this product is designed to support.

  • Creative designer portfolios
  • Motion and illustration studio sites
  • Playful agency launches
  • Case-study-led freelance brands
  • Static Astro 7 creative starters

In the box

Features

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

  • Candy-bright creative portfolio with home, work, about, and contact
  • MDX case studies with challenge, strategy, and results sections
  • Single site.config.ts for brand, navigation, CTAs, and form action
  • Opaque fullscreen mobile menu with solid menu background
  • Spring button motion plus float and wobble animations
  • Styleguide page for tokens and component reference
  • SEO essentials including sitemap, Open Graph, JSON-LD, and llms.txt

Making things move and shake

Wobble is a candy-bright Astro portfolio for designers, motion artists, and creative studios. Grape purple, candy pink, and soft blue set a playful tone — without relying on translucent menus or stiff corporate chrome.

The homepage layers hero, featured work, services, about teaser, and CTA. Projects live as MDX with challenge, strategy, and results so case studies stay structured and easy to replace.

Work, about, and contact

Routes cover /work, individual case studies, about, contact, and a styleguide for tokens and components. Brand, navigation, and form action live in src/site.config.ts. Colours, radii, and the solid --menu-bg live in src/styles/global.css.

Demo content is fictional placeholder material. Swap projects, imagery, and pitch copy before going live. Motion springs and float/wobble animations respect prefers-reduced-motion.

Feature highlights

  • Astro 7.1 with Tailwind CSS 4, MDX, and Motion springs
  • Work grid and case studies with challenge / strategy / results
  • About page with skills and values plus Formspree-ready contact
  • Fully opaque fullscreen mobile navigation
  • Sitemap, Open Graph, JSON-LD, robots.txt, and llms.txt

Next step

Pairs well with this

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

AccountingFirm preview

AccountingFirm

€49.00

A polished Astro theme for accounting firms, CPAs, and financial advisors with aurora design, dark mode, and conversion-ready service pages.

astro theme
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
AISaaS preview

AISaaS

€39.00

A minimal, conversion-focused Astro theme for AI SaaS products with dashboard preview, comparison, pricing, and MDX blog.

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.

Not ready to buy yet?

Get the free launch checklist for this stack — plus practical resources, product updates, and occasional subscriber discounts.

Frequently asked questions

Who is Wobble built for?

Designers, motion artists, illustrators, and creative studios who want colour, bounce, and personality without a stiff corporate look.

Which pages are included?

Home, Work grid, case study pages, About, Contact, Styleguide, and 404.

How do I add a case study?

Add an MDX file under src/content/projects/ with challenge, strategy, and results sections. It appears on /work and /work/[slug].

How do I customize brand and forms?

Edit src/site.config.ts for site name, navigation, CTAs, about copy, and contact.formAction (Formspree, Getform, or your endpoint).

Where can I deploy Wobble?

Wobble builds to static output and deploys to Cloudflare Pages, Vercel, Netlify, or any static host.