Carbon — The Astro & Tailwind CSS directory template — dark, bold, and built for discovery.

Carbon is a dark, structured directory theme for creative collections and resource platforms. Built with Astro and Tailwind CSS, it blends clarity, performance, and visual precision — ideal for tool indexes, inspiration hubs, or curated archives.

Carbon

The Astro & Tailwind CSS directory template — dark, bold, and built for discovery.

Live Demo Buy Carbon$79

Full Access ~~$199~~/$99

All Pages

Static Pages

— Landing Page
— About
— Membership
— Advertise
— Sign in
— Sign up
— Reset password
— Error 404

Content Collections

— Blog
— Store
— Legal pages
— Collections

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
— User Dashboard
— Filters
— Create Collection Modal
— Add Bookmarks Modal
— Delete Collection Modal
— Submit Modal
— Submission
— Advertise Card
— Profile
— Create Profile Modal
— Edit Profile Modal
— Delete Profile Modal
— Search
— Content Collections
— SEO Optimized
— Ongoing Updates
— Style Guide
— Astro RSS
— Astro SEO
— Astro Sitemap
— Tailwind CSS Forms

Details

— Astro v5
— Tailwind v4
— Released on 10.23
— Updated on 08.25
— Performance 100
— Accessibility 92
— 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

Carbon — Directory theme for Astro & Tailwind CSS

Carbon is a structured, dark directory theme made for curators and creators who build indexes, archives, and resource platforms.
It pairs bold contrast with clear navigation, helping users browse and discover content quickly.

Why Carbon

Designed for directories, collections, and resource hubs
Astro-fast: optimized for performance, accessibility, and SEO
Tailwind-flexible: modular, maintainable, and easy to extend
Directory-ready with user dashboards, profiles, and submission flows
CMS optional — includes a .pages.yaml that reads your Astro content collections. No plugins, no edits to your code.
SEO-ready with Astro SEO, Sitemap, and RSS integrations
Search powered by Fuse.js for instant filtering
Built-in modals for creating, editing, and managing content
Clean file structure, reusable components, and ongoing updates

Layout & Structure

Carbon’s design language is dark but restrained — black and neon accents meet precise spacing and crisp typography.
Every element is focused on usability and rhythm, turning content-heavy sites into clean, navigable experiences.