Skip to content
noel.marketing
Deutsch
Astro ThemeAvailable now

Toonfolio

Toonfolio Astro Theme for Playful Cartoon Portfolios

A playful one-page Astro portfolio for illustrators with cartoon aesthetics, bento grid hero, and Anime.js animation.

€39.99

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

Toonfolio

€39.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://toonfolio.pages.dev/Demo

Why it fits

Why this Astro theme

  • Launch a instantly recognizable cartoon portfolio without designing the comic system from scratch.

  • Use a bento grid hero, thick comic outlines, sticker tags, and speech bubbles for a cohesive playful brand.

  • Open project storybook modals for case-study details without leaving the one-page flow.

  • Edit everything from TypeScript data files — no CMS setup or content collection learning curve.

  • Preview animations live on the styleguide page before customizing.

  • Ship AVIF and WebP images through the Astro build-time optimization pipeline.

Built for

Perfect for

Typical scenarios this product is designed to support.

  • Illustrator portfolio
  • Cartoonist personal site
  • Character designer showcase
  • Playful freelance brand
  • Creative developer one-pager
  • Comic-style agency landing
  • Sticker and mascot brand site
  • Fast-launch creative portfolio

In the box

Features

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

  • One-page bento grid hero with comic outlines, sticker tags, and speech bubbles
  • Anime.js elastic staggers, pop-in doodles, and character bounces
  • All content in src/data/ TypeScript files — no content collections
  • Project storybook modals for case-study details
  • Client-side mailto contact with copy-to-clipboard email
  • Sketchbook 404 with mascot SVG
  • AVIF and WebP build-time image optimization
  • prefers-reduced-motion and high-contrast keyboard states

A cartoon portfolio with serious craft behind the playfulness

Toonfolio is a premium one-page Astro theme for illustrators and character designers who need a portfolio as expressive as their work. Thick comic outlines, sticker tags, speech bubbles, and a paper-cream background with bubblegum-pink and sunny-yellow accents create an aesthetic that generic dark templates cannot replicate.

Everything lives on one scrollable page — ideal for freelancers who want to launch fast and iterate on copy rather than site architecture.

What is included

Toonfolio includes a one-page homepage with bento grid hero, about, projects, services, stats, testimonials, and contact sections, plus a styleguide and a sketchbook-style 404 page with a confused mascot SVG.

All content is stored in src/data/ — site settings, profile, projects, services, stats, testimonials, contact, and navigation. Project storybook modals reveal case-study details without additional routes.

Anime.js animation with accessibility

Anime.js powers elastic staggers, pop-in doodles, and character bounces across the page. The styleguide includes live animation tests so buyers can preview motion behavior before customizing. prefers-reduced-motion is supported for visitors who need a calmer experience.

Built on a lightweight Astro stack

Toonfolio is built with Astro 6.4, TypeScript, Tailwind CSS v4, and Anime.js. JSON-LD Person schema ships out of the box. Images are optimized to AVIF and WebP during build.

There is no CMS, database, or backend. High contrast and keyboard focus states are built into the component system.

Customization workflow

Edit projects in src/data/projects.ts including modal detail content. Adjust the color palette in @theme inside src/styles/global.css. Replace demo profile, stats, testimonials, and contact details with real buyer content before publishing.

Next step

Pairs well with this

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

Arrowline preview

Arrowline

€49.99

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

astro theme
Astrofitness preview

Astrofitness

€39.99

A premium Astro 7 fitness theme with programs, booking, results, pricing, and cyber-athletic design.

astro theme
Atelier Motion preview

Atelier Motion

€49.99

A cinematic one-page Astro portfolio with refined motion, FAQ, testimonials, and atmospheric imagery.

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 Toonfolio built for?

Toonfolio is designed for illustrators, cartoonists, character designers, playful brand designers, and creative developers who want a strong visual personality on a single page.

Is Toonfolio a multi-page theme?

No. Toonfolio is a one-page portfolio with hash navigation, plus a styleguide and custom 404 page. All sections live on the homepage.

Where is content stored?

All content lives in src/data/ — site settings, profile, projects, services, stats, testimonials, contact, and navigation. No content collections or CMS required.

What animation library does it use?

Toonfolio uses Anime.js v3 for elastic staggers, pop-in doodles, and character bounces. prefers-reduced-motion is supported.

How does the contact form work?

The contact section uses a client-side mailto flow with copy-to-clipboard email — no backend or form service required.

Where can Toonfolio be hosted?

Toonfolio builds to static output and deploys on Vercel, Netlify, Cloudflare Pages, or any modern static host.