Players Club is a free Astro template for showcasing music artists, inspired by a Dribbble shot from Alex Tkachev. Designed as an experimental proof of concept, this template explores Astro 5.2’s hybrid capabilities, delivering a smooth, SPA-like user experience while maintaining the performance benefits of static sites.
Key Features:
- Content Collections & Content Layer API – Manage structured artist and album data with Markdown.
- Full-Site View Transitions – Uses Astro’s View Transitions API for seamless, animated navigation.
- GSAP & Lenis – Enhances UX with micro-interactions and smooth scrolling.
- Dynamic Search, Sort & Shuffle – Reorder or filter artists dynamically.
- Optimized for SEO – Includes Astro SEO integration and a sitemap for better discoverability.
File Structure Overview:
The project follows a structured layout with components for artists, albums, tooltips, preloading effects, and smooth scrolling. Pages include a landing page, artist detail pages, album pages, and a search dialog.
This theme is a great starting point for anyone looking to build a sleek music showcase with Astro, and it welcomes contributions to improve layout and styling (e.g., Tailwind CSS integration).
Check out the Demo and GitHub Repo to explore and modify it for your own projects!