Pinwheel

Pinwheel is a free, open-source multipurpose SaaS website template built with Astro, Tailwind CSS, and TypeScript, providing 17+ pre-designed pages for marketing and content sites. Designed and developed by Themefisher, Pinwheel is distributed under the MIT license and targets a 95+ Google PageSpeed score on desktop.

What is Pinwheel?

Pinwheel is a static-site template that runs on the Astro framework (the README references Astro 6.0 beta) and uses Tailwind CSS for styling and TypeScript for type safety. It takes content written in Markdown or MDX and outputs a fully static marketing site with pages such as home, how it works, features, blog, pricing, career, changelog, sign-in, sign-up, integrations, and terms. The template is developed by Themefisher, a theme vendor that also offers custom development services for Astro, Next.js, and Hugo.

Key Features

• 17+ pre-designed pages — The theme includes home, how it works, features, blog, blog single, categories, category single, about, contact, career, career single, pricing, changelog, sign in, sign up, integrations, integration single, terms and conditions, and an elements page.
• Markdown/MDX authoring — Write and update content in Markdown or MDX, with automatic import of MDX components and built-in support for draft pages and posts.
• Taxonomy support — Content can be organized into categories, with dedicated category and category single pages included.
• Customization options — Color, font, menu, social links, and SEO meta tags are configurable, giving site owners control without editing components.
• Fast performance — The demo reports a Google PageSpeed score of 95+ on desktop, supported by Astro's static generation and Tailwind CSS output.
• Netlify settings pre-configured — Deployment configuration for Netlify is included in the repo, and the official demo is hosted on Vercel.
• Contact form support — The contact page includes a form component ready to be connected to a form backend or service.
• Fully responsive — Layouts are designed to work on desktops, tablets, and smartphones.

Who is it for?

• SaaS startups — Launch a marketing site quickly using the pricing, changelog, and career pages to publish plans, updates, and job openings.
• Indie founders — Stand up an MVP landing page with sign-in and sign-up templates, a features page, and an integrations directory without paying for a commercial theme.
• Astro developers — Use the TypeScript + Tailwind + MDX starter structure as a base for client projects, with Netlify deployment already configured.

What can you do with Pinwheel?

• Content teams: Publish blog posts and changelogs in Markdown, organized by categories, and schedule drafts before going live.
• Product marketers: Present the product with how-it-works, features, and pricing pages, and list third-party tools on the integrations single pages.
• Recruiting teams: Post open roles on the career and career single pages, linked from the main site navigation.

How does Pinwheel work?

Pinwheel is a static site generator template. After downloading the source, install dependencies with npm install, then run npm run dev to serve a local preview with live reload in the browser. When ready, run npm run build to generate the production-ready static site, and deploy it to Netlify using the pre-configured settings.

Pricing

Pinwheel is free and open source under the MIT license. The demo images are not covered by the MIT license; they are included only for demonstration and retain their original licenses.

Alternatives

Themefisher publishes other Astro themes, including Bigspring Light, Andromeda, and Bookworm Light, each with a different emphasis. The repository list in the README gives a direct comparison of these templates.

FAQ

Is Pinwheel free?

Yes. Pinwheel is released under the MIT license, so you can use it for personal or commercial projects without paying a fee. You do need to keep the license notice if you redistribute the code.

What pages are included in Pinwheel?

The template ships with 17+ pre-designed pages: home, how it works, features, blog, blog single, categories, category single, about, contact, career, career single, pricing, changelog, sign in, sign up, integrations, integration single, terms and conditions, and elements.

What tech stack does Pinwheel use?

Pinwheel is built with Astro, Tailwind CSS, and TypeScript. Content is written in Markdown or MDX, and the project includes pre-configured Netlify deployment settings.

How do I run Pinwheel locally?

After downloading the template, run npm install to install dependencies, then npm run dev to start the local development server. The preview opens in your default browser and live-reloads when source files change.

Can I use the demo images in my project?

No. The images in the demo are for demonstration purposes only and are not included in the MIT license. You should replace them with your own images before going live.