Pro FolioX — The Astro & Tailwind CSS portfolio system — flexible, scalable, and built for professionals.

Pro FolioX is the all-in-one Astro & Tailwind CSS portfolio template built for creative professionals, studios, and educators. With light & dark modes, modular layouts, and CMS support, it’s designed for clarity, scalability, and long-term credibility.

Buy Pro FolioX$79 Live Demo

All Pages

Static Pages

Home
About
Studio
Course
Contact
Sign In
Sign Up
Error 404

Content Collections

Work × 3
Blog × 3
Store × 3
Legal Pages

Content Collections — Comes with a prebuilt listing page and a details page for each entry.

What's included

Blog Tags
Reusable Components
Optional CMS via PagesCMS
Pagination
Search
Content Collections
SEO Optimized
Ongoing Updates
Style Guide
AOS Animations
Astro RSS
Astro SEO
Astro Sitemap
Tailwind CSS Forms
Tailwind Typography

Details

Astro v5
Tailwind v4
Released on 03.23
Updated on 08.25
Performance 99
Accessibility 100
Best Practices 96
SEO 95

CMS — Every theme comes with a preconfigured .pages.yaml that links your collections. PagesCMS works out of the box — no extra setup.

Pro FolioX — Portfolio system for Astro & Tailwind CSS

Pro FolioX is a scalable portfolio system designed for professionals who wear multiple hats — creators, educators, studio owners, or product builders.
It unifies projects, courses, blogs, and stores under one clean, performance-driven architecture.

Why Pro FolioX

Modular layouts for work, blog, studio, and store pages
Support for courses, case studies, and client showcases
Reusable components styled with the OKLCH color system
Built-in search powered by Fuse.js for instant discovery
Pagination for scalable content navigation
SEO-ready with Astro SEO, Sitemap, and RSS integrations
Optional AOS animations for refined motion
Clean file structure, clear hierarchy, and ongoing updates

Optional CMS

Pro FolioX ships with a preconfigured .pages.yaml that automatically connects your content collections to PagesCMS.
When your repo is linked, the CMS integration activates instantly — no code edits required.
You maintain a pure Astro + Tailwind CSS workflow with optional visual management.