$99

Carbon, an Astro & Tailwind CSS directory template

Carbon is a bold, minimal template for creative directories and curated collections. Built for speed and clarity, it combines dark aesthetics, vibrant accents, and structured layouts—ideal for platforms showcasing tools, links, or inspiration.

Screnshot one
Screnshot two
Screnshot three
Screnshot four
Screnshot five
Screnshot six
Screnshot seven
Screnshot eight
Screnshot nine
Buy Carbon Live Demo

All Pages

Static Pages

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

Content Collections

  • Blog
  • Store
  • Legal pages
  • Collections

Good to Know — Each theme includes a main index page and individual detail pages. You’ll also get a preconfigured .pages.yaml file that automatically connects your content collections. That’s all you need to start using PagesCMS — no extra setup required, no bloated code.

Features

  • Blog tags
  • Reusable components
  • Optional CMS via PagesCMS
  • User dashboard
  • Create collection modal
  • Add Bookmarks modal
  • Delete collection modal
  • Submit modal
  • Submimission
  • Addvertise card
  • Profile
  • Create Profile modal
  • Edit Profile modal
  • Delete Profile modal
  • Search powered with Fuse JS
  • Content collections
  • Seo Optimized
  • Ongoing updates
  • Style guide
  • Astro RSS
  • Astro SEO
  • Astro Sitemap
  • Tailwind CSS Forms

Specifications

  • Astro v5
  • Tailwind v4
  • Released on 10.23
  • Updated on 08.25
  • Performance 100
  • Accessibility 92
  • Best Practices 96
  • SEO 95

File Structure

  • public
  • src
    • components
    • layouts
    • pages
    • content
      • folders
      • config.ts
    • data
    • scripts
    • styles
      • global.css
    • endv.d.ts
  • .pages.yml
  • astro.config.mjs
  • package.json
  • README.md
  • ts.config.json
Documentation License Support Faq

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

Features

  • 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

PagesCMS Ready

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
Buy Carbon Live Demo

Customers & supporters

Feedback from developers, founders, and fans who use Lexington Themes in their projects.

Read all reviews
Photo of Alex Hughes

Alex Hughes

letsloopin.com

Lexington Themes is honestly one of the best deals any engineer/web designer could make. It will speed up your next project 10x.Multiple great themes, with dozens of components and page designs ready to go. All built with tailwind, so you can easily make changes to make it stand out or swap to a different framework.Well worth a go!

Photo of Fred Schott

Fred Schott

CEO of Astro.build

Michael has been dropping some amazing premium themes for Astro lately.

Photo of Colleen M. Brady

Colleen M. Brady

thedailybuilder.com

Bought this the other day and really liking it.