Skip to content
noel.marketing
Astro ThemeAvailable now

Framewise

Framewise Astro Theme for Modular Portfolios and Blogs

A modular Astro portfolio theme with React islands, projects, blog, and one config file for branding.

€49.99

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

Framewise

€49.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://framewise.pages.dev/Demo

Why it fits

Why this Astro theme

  • Launch a portfolio and blog from one centralized site.config.ts file.

  • Use React islands only where interactivity is needed — the rest stays static Astro.

  • Switch between dark and light mode with a built-in toggle.

  • Add projects and blog posts as type-safe content collections.

  • Reorder modular homepage sections without rebuilding the layout from scratch.

  • Ship RSS, sitemap, and Open Graph meta without extra configuration.

Built for

Perfect for

Typical scenarios this product is designed to support.

  • Designer portfolio with blog
  • Studio website and content hub
  • Product launch landing page
  • Marketplace theme buyer starter
  • Modular personal brand site
  • Dark/light creative portfolio
  • Content-first studio site
  • Static portfolio and blog

In the box

Features

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

  • Central src/site.config.ts for branding, nav, hero, stats, services, FAQ
  • Modular homepage sections easy to reorder
  • Projects and blog type-safe content collections
  • React 19 islands for interactive components only
  • Dark and light mode toggle
  • RSS, sitemap, and Open Graph meta
  • Motion for considered animation
  • No CMS required — marketplace-ready documentation

A modular portfolio theme with content-first structure

Framewise is a premium Astro theme for designers and studios who want a portfolio and blog with strong typography, modular homepage sections, and dark/light mode — without committing to a full agency page tree. Work leads. The blog supports editorial content second.

One site.config.ts file controls branding, navigation, hero copy, stats, services, FAQ, and testimonials. That keeps rebranding fast after purchase.

What is included

Framewise includes home, projects index and detail, blog index and detail, about, RSS, and a custom 404 page.

Projects live in src/content/projects/. Blog posts are in src/content/blog/. Homepage sections are modular components you can reorder or omit.

React islands where they matter

Framewise uses React 19 via @astrojs/react for interactive islands while the core experience remains static Astro. Motion adds considered animation. Dark and light mode toggle without flash.

Type-safe content collections validate frontmatter at build time.

Built on a static-first Astro stack

Framewise is built with Astro 6.4, React 19, TypeScript, Tailwind CSS v4, MDX, Motion, sitemap, and RSS. Open Graph and Twitter meta ship out of the box.

There is no required CMS or backend. Commercial single-use license terms are in LICENSE.md.

Customization workflow

Update src/site.config.ts for branding and homepage content. Add projects and blog posts as collection files. Swap images through Astro’s asset pipeline. Replace demo FAQ, testimonials, and stats 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

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

Framewise is designed for designers, studios, product launch pages, and creators who want a portfolio plus blog with modular homepage sections.

Does Framewise require React knowledge?

React 19 is used for interactive islands only. The core site is Astro. You can customize most content without touching React components.

What pages are included?

The theme includes home, projects index and detail, blog index and detail, about, RSS, and a custom 404 page.

Where is site content configured?

Branding, navigation, hero, stats, services, FAQ, and testimonials are centralized in src/site.config.ts. Projects and blog posts are content collections.

Does Framewise need a CMS?

No. Projects and blog posts are type-safe content collections. The package description explicitly states no CMS is required.

Where can Framewise be hosted?

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