Carbon, an Astro & Tailwind CSS directory template

Carbon — Directory theme for Astro & Tailwind CSS

Carbon is a bold template designed for curated collections, directories, and creative indexes. With its dark minimal aesthetic, vibrant accents, and structured layouts, it’s perfect for showcasing tools, inspiration, or product platforms with clarity and speed. Built on Astro and Tailwind CSS, Carbon provides a scalable foundation for any content-driven directory site.

Specifications

• Built with Astro v5 + Tailwind CSS v4
• High Lighthouse scores across Performance, Accessibility, Best Practices, and SEO
• Fully responsive and optimized for modern browsers

Benefits

• Landing, about, membership, and pricing layouts included
• Directory-ready with user dashboards, profile management, and collection modals
• Submission workflows and advertising support built-in
• UI foundations: buttons, links, text, wrappers — all consistent and reusable
• Clean file structure with ongoing updates and a style guide
• SEO integrations with Astro SEO, Sitemap, and RSS
• Built-in search functionality powered by Fuse.js for fast, client-side filtering of content
• Blog pagination out of the box for smoother navigation and archives

Optional CMS

Carbon includes a preconfigured .pages.yaml file that connects your content collections directly to PagesCMS.
All integration happens automatically when you link your repo inside the PagesCMS dashboard—no changes are made to the template code. You keep a pure Astro + Tailwind CSS setup with the option to use PagesCMS anytime.

Modern color system

Carbon uses OKLCH color values for its design tokens. This ensures consistent rendering across browsers, easier theming, and a future-proof approach to color management with Tailwind CSS v4.

Why choose Carbon?

• Purpose-built for directories, curated collections, and resource platforms
• Astro + Tailwind foundation ensures speed, scalability, and maintainability
• Modular components and clear structure encourage fast customization
• SEO and performance optimized out of the box for visibility and reach
• Flexible enough for tool indexes, design directories, or curated inspiration sites