microfolio

microfolio is a modern static portfolio generator designed for creatives, built on SvelteKit 2 and Tailwind CSS 4. This tool simplifies showcasing design work with an elegant, professional touch, making it ideal for designers, artists, architects, and other creatives.

Key Features

• File-based CMS: Operate without a database, utilizing folders and Markdown files for easy content management.
• Project Views: Switch between projects in Grid, List, or Map view to best highlight your portfolio.
• Responsive Design: Enjoy a mobile-first layout that looks great on any device.
• Smart Tagging: Features filter counters and collapsible tag lists for organized project showcasing.
• Interactive Map: Utilize MapLibre GL to display geolocated projects on OpenStreetMap.
• Static Generation: Achieve optimal performance via SvelteKit's static adapter, ensuring fast load times.
• Image Lightbox: Implement an enhanced image gallery with navigation arrows and metadata display.
• Metadata Support: Automatically extract and showcase image EXIF/IPTC metadata for context on projects.
• Dark Mode: Easy toggle that remembers user preferences, allowing for a personalized viewing experience.
• Image Optimization: Automatically generate WebP thumbnails to enhance loading times and display quality.
• SEO-friendly URLs: Maintain filter, search, and sort states in URLs for better discoverability by users and search engines.
• Privacy-focused: No cookies, no tracking, and no consent banners ensure a transparent experience for visitors.

Privacy By Design

This portfolio generator prioritizes user privacy with no tracking, analytics, or cookie requests. The implementation of legal notices and privacy templates is straightforward for users to ensure compliance without complications.

Fast and Findable

Microfolio offers pre-rendered pages, ensuring content is accessible without JavaScript and easily indexed by search engines. Performance is optimized for speed, achieving low-first paint times even in constrained conditions.

Quick Start

Users can easily set up their portfolios with a streamlined installation process. Whether through Homebrew on macOS or a manual setup with Node.js and pnpm, creating a new portfolio is simple and efficient.

Documentation

Comprehensive documentation covers everything from getting started to deployment, ensuring users can utilize microfolio to its fullest potential.

Explore the live demo at microfolio Demo and discover how this static portfolio generator can elevate project presentations for creatives.