Elegant Portfolio Theme for Astro
Clancy is a sophisticated portfolio Astro theme crafted specifically for photographers, designers, illustrators, artists, and creative professionals who need to showcase their work beautifully. With its minimalistic design, powerful gallery features, and seamless video integration, Clancy transforms your portfolio into a stunning visual experience that captivates visitors and highlights your creative excellence.
✨ Perfect For
- Photographers who need elegant image galleries
- Designers showcasing UI/UX and graphic work
- Illustrators displaying their creative portfolio
- Video Creators embedding YouTube/Vimeo content
- Artists who want a professional online presence
- Freelancers needing portfolio + blog combination
- Creative Agencies presenting client work
Key Features
- Professional Portfolio Gallery – Stunning grid layout with GLightbox integration
- Video Post Support – Seamlessly embed YouTube and Vimeo videos in your portfolio
- Grid/List View Toggle – Users can switch between viewing modes with localStorage persistence
- Lightbox Gallery – Beautiful full-screen viewer with touch navigation and auto-play
- Medium-Style Image Zoom – Click any image for an elegant zoom experience
- Lazy Loading – Optimized image loading for better performance
Content & Layout
- Hero Section – Professional introduction with customizable content
- Blog Section – Full-featured blog alongside your portfolio
- Newsletter Integration – Built-in Mailchimp subscription to grow your audience
- Contact Form – Formspree-powered form for easy client communication
- Tags System – Organize blog content with beautiful tag pages
- 100% Responsive – Flawless experience on all devices and screen sizes
Visual Features
- Dark/Light Mode Toggle – Users can choose their preferred theme with smooth transitions
- Gallery Support – Create multi-image galleries in posts
- Optimized Images – Automatic optimization using Astro’s Image component
- Syntax Highlighting – Beautiful code blocks for technical content
- Copy Code Button – One-click code copying for better UX
- Callout Boxes – Note, tip, warning, and more for enhanced content
- Lightning Fast – Optimized for perfect performance scores
- SEO-Friendly – Built-in canonical URLs, OpenGraph, and Twitter Cards
- Sitemap & RSS – Automatic generation for better discoverability
- View Transitions – Smooth, app-like navigation with Astro’s API
- Clean Code – Modern, maintainable codebase
User Experience
- Scroll to Top Button – Convenient navigation on long pages
- Touch Navigation – Swipe through portfolio items on mobile
- Social Sharing – Built-in social media integration
- Custom Logo Support – Separate logos for light and dark modes
Easy Customization
All settings centralized in TypeScript configuration files for type-safe customization:
Portfolio (src/data/portfolio.ts):
- Gallery items with images and videos
- Project titles and descriptions
- Custom portfolio title
Settings (src/data/settings.ts):
- Site information and branding
- Color scheme preferences
- Hero content and messaging
- Navigation menu items
- Social links with custom colors
- Newsletter integration
- Contact form setup
- Analytics and comments
What’s Included
- Complete Astro portfolio theme
- Comprehensive HTML documentation
- Example portfolio items with images and videos
- Sample blog posts with all features
- Elements page showcasing components
- Ready-to-use layouts and components
- TypeScript configuration files
- SCSS styling system
- GLightbox library integration
