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

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
Photo of Steve Ruiz

Love the design work

Steve Ruiz

Founder at tldraw.com

Photo of Fred Schott

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

Fred Schott

CEO of Astro.build

Photo of Guillermo Rauch

Chief, nice work.

Guillermo Rauch

vercel.com

Photo of Alex Hughes

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!

Alex Hughes

letsloopin.com

Read all reviews