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.

Pro FolioX

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

Live Demo Buy Pro FolioX$79

Full Access ~~$199~~/$99

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

About

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.