$79

Trendspotter, an Astro & Tailwind CSS directory template

Trendspotter is a curated website template that helps users discover, save, and manage content easily through a personal dashboard.

Trendspotter page preview
Trendspotter page preview
Trendspotter page preview
Trendspotter page preview
Trendspotter page preview
Trendspotter page preview
Trendspotter page preview
Trendspotter page preview
Trendspotter page preview

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 — Every theme comes with a preconfigured .pages.yaml that links your collections. PagesCMS works out of the box — no extra setup.

Features

  • Blog tags
  • Reusable components
  • Optional CMS via PagesCMS
  • User dashboard
  • Filters
  • 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 guideflab
  • Astro RSS
  • Astro SEO
  • Astro Sitemap
  • Tailwind CSS Forms
  • Tailwind Typography

Specifications

  • Astro v5
  • Tailwind v4
  • Released on 01.25
  • Updated on 04.25
  • Performance 98
  • Accessibility 100
  • Best Practices 100
  • 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

Trendspotter — Directory theme for Astro & Tailwind CSS

Trendspotter is a sleek, modern directory template made for creators, curators, and community builders who want to organize and share resources with clarity. With structured layouts, user dashboards, and flexible modals, it’s designed to make browsing, saving, and managing content intuitive and fast—without the overhead of a backend.

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

  • Over 20 pages including landing, membership, advertise, and profile flows
  • User dashboards with support for creating, editing, and managing collections
  • Interactive modals: create collections, submit resources, add bookmarks, and manage profiles
  • Reusable components (buttons, wrappers, forms, etc.) styled with OKLCH color tokens
  • Built-in search powered by Fuse.js for instant client-side discovery
  • Content collections to structure blogs, stores, and curated items
  • SEO-ready with Astro SEO, Sitemap, and RSS integrations
  • Clean file structure with ongoing updates and a detailed style guide

Optional CMS

Trendspotter 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

Trendspotter uses OKLCH color values, ensuring consistent rendering, theming flexibility, and forward-looking color management with Tailwind CSS v4.

Why choose Trendspotter?

  • Designed for curators, resource hubs, and inspiration archives
  • Lightweight, fast, and SEO-friendly by default
  • Structured workflows for submissions, collections, and memberships
  • Consistent UI system built on Tailwind v4 + OKLCH color values
  • Scales smoothly from niche inspiration sites to larger, community-driven directories

Customers & supporters, it's all appreciation.

Read all reviews

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

Photo of Fred Schott

Fred Schott

CEO of Astro.build

Just purchased the bundle on Lexington Themes by @Mike_Andreuzza. Let's make astonishing websites with it!

Photo of Thomas Sanlis

Thomas Sanlis

Uneed.best

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 Alex Hughes

Alex Hughes

letsloopin.com

Thank you very much for your work, especially for Kotei template, which helped me launch website in one day (and give me ideas for initial data organization (and more). Thank you! It was huge help for Huly Labs

Photo of Andrey Platov

Andrey Platov

Huly.io

I bought a beautiful theme from Lexington a couple weeks ago. I didn't know Astro at the time, but Michael helped me get set up and really went above and beyond with his support. Now I'm happily redoing my site to look gorgeous with his template.

Photo of Stuart

Stuart

Creator of saasydb.com

I love your Astro themes and have a few sites in the works. I'd like to find ways to increase the use of Astro because I love it so much. Thanks for saving me so much time in dev work.

Photo of Moo

Moo

Freelancer