Zolt is a free, open-source portfolio landing-page template published by shadcn/studio, built around Astro and shadcn/ui, that gives designers, developers, freelancers, and agencies a ready-made set of responsive, SEO-friendly pages for showcasing work and winning clients.
What is the Zolt portfolio template?
Zolt is a copy-paste template rather than an npm library: you take its code into your own Astro project and then customize markup, styles, and logic. The version previewed on shadcnstudio.com runs on Astro, and the template outputs a portfolio site with three page types — a homepage, a case study detail page, and a contact page — styled with Tailwind CSS through shadcn/ui components. Shadcn Studio supports the project as part of its open-source collection, which also includes component variants, blocks, and a theme generator.
Key Features
- SEO and performance optimized — The template structure targets Core Web Vitals readiness and search-friendly markup, with static generation when built with Astro.
- Dark mode support — Includes light, dark, and system theme modes; theme colors can be customized, aligning with the shadcn/studio theme generator.
- MDX case-study pages — The case study layout accepts MDX content and displays a reading-progress bar, project metadata such as organization, role, duration, and tools, plus suggestions for other works.
- Figma design files included — The download includes Figma source files to support design-to-code collaboration between design and front-end work.
- Service booking flow — The Select Service / Hire Me section guides visitors from choosing a service to picking a time and sending an inquiry, turning the homepage into a lead generator.
- Accessible markup — The template is described as WCAG compliant, aiming to make content usable with assistive technologies.
- Rich homepage sections — Beyond a hero, the homepage includes an about area with profile carousel, music player, and trip or note cards, plus featured works, an experience timeline, services, testimonials, and a floating navigation dock.
Who is it for?
- Freelance designers and developers — Stand up a portfolio with case studies and a built-in booking flow so clients can review work and request a project without custom form wiring.
- Agencies — Present agency-level services, testimonials, and an experience timeline from a single Astro codebase.
- Individual creatives — Use the homepage about-section widgets, such as the profile carousel, music player, and trip cards, to add personality beyond a standard resume-style portfolio.
What can you do with Zolt?
- Showcase selected work: Feature your best projects in a grid or vertical layout, then write long-form project breakdowns on the MDX-powered case study page with a reading-progress indicator.
- Generate leads: Use the Services section plus the Select Service / Hire Me flow to convert visitors who are ready to book a service or ask a question.
- Build trust quickly: Add client testimonials and an experience timeline so prospects see previous results and your work history on one page.
- Personalize the about section: Insert a profile carousel, a small music player, and trip or note cards to communicate personality beyond a standard bio.
Pricing
Zolt is free. The template is labeled Free on the Shadcn Studio directory and lives in an open-source GitHub repository with a license badge. No paid tier for this template is mentioned on the page.
FAQ
Is Zolt free?
Yes. Zolt is labeled Free on the Shadcn Studio template page and is distributed through an open-source GitHub repository, so you can copy and adapt the code without a license fee.
Is Zolt built with Next.js or Astro?
The live demo and documentation links on this page point to the Astro build, shown as shadcn-astro. The README also includes a feature bullet mentioning Next.js, and the GitHub badge references a Next.js repository name, which suggests a Next.js variant may exist elsewhere. The version here runs on Astro.
Does Zolt support dark mode?
Yes. The template ships with light, dark, and system theme modes. You can customize the theme colors to match your brand, and the theme generator from shadcn/studio can preview these changes in real time.
Are Figma files included?
Yes. The template description explicitly lists Figma design files as an included asset, allowing design and front-end teams to work from the same visual source.
Can I copy the code into my own project?
Yes. Zolt follows the shadcn/ui distribution model: you copy components and pages into your codebase instead of installing a locked library. Once the code is in your project, you are free to change styles and logic to suit your needs.
