Trendspotter, an Astro & Tailwind CSS directory template

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