🄳 New: 100+ Ready to use Shadcn Pages & Builder Pages Presets, Admin Dashboards & Application Templates.

Visit changelog

Craft - Shadcn UI Portfolio Landing Page Template

Craft is a modern Shadcn UI Portfolio Landing Page template to showcase work, services, and testimonials with a clean, conversion-focused design.

Figma
Nextjs
Astro
shadcn/ui
Tailwind CSS
TypeScript
Craft - Shadcn UI Portfolio Landing Page Template-small-image-1
Craft - Shadcn UI Portfolio Landing Page Template-small-image-2
Craft - Shadcn UI Portfolio Landing Page Template-small-image-3
Craft - Shadcn UI Portfolio Landing Page Template-small-image-4
Craft - Shadcn UI Portfolio Landing Page Template-small-image-5
Craft - Shadcn UI Portfolio Landing Page Template-large-image-1
CreatedDec 05, 2025
Last updatedJun 05, 2026


Tech Stack

Figma
Nextjs
Astro
shadcn/ui
Tailwind CSS
TypeScript

Features

  • Creative Animations & Design
  • Available in Next.js & Astro v6
  • Tailwind CSS v4+ Ready
  • Powered by Pro Blocks
  • Figma Design Files Included
  • Multiple Theme Support
  • Fast & SEO-Optimized
  • Mobile-First & Fully Responsive
  • Enjoy hassle-free support

Overview

Craft is a polished portfolio landing page built with Shadcn UI for creatives and agencies. It helps showcase projects, services, and experience in a structured way. The layout balances storytelling with credibility and trust signals. Besides, this Shadcn UI Portfolio Landing Page template suits professionals who want a strong personal or agency presence online.

Features

  • Portfolio-focused sections: hero, highlights, services, projects, process, testimonials, contact, and footer.
  • Creative Animations & Visual Design: Bring your UI to life with smooth animations and thoughtfully crafted visual design - easy to customize and extend.
  • Available in Next.js & Astro: Crafted using Next.js and Astro, ensuring high performance, flexibility, and future-proof architecture for modern web applications.
  • Tailwind CSS v4+ Ready: Fully compatible with Tailwind CSS 4+, leveraging the latest utilities, design tokens, and performance improvements.
  • Powered by Pro Blocks: Built using Pro Shadcn Blocks, offering production-ready UI sections that follow best practices in accessibility, scalability, and design consistency.
  • Figma Design Files Included: Get a complete shadcn Figma UI files for every template - perfect for design customization, handoff, and maintaining design-to-code parity.
  • Multiple Theme Support: Easily switch between light, dark, and system with custom shadcn themes support, with a scalable theming system designed for real-world products.
  • Mobile-First & Fully Responsive: Designed with a mobile-first approach, ensuring seamless experiences across all screen sizes and devices.
  • Fast & SEO-Optimized: Optimized for speed, Core Web Vitals, and SEO, helping your site rank better and load faster out of the box.
  • Enjoy hassle-free support: Get reliable and responsive support directly from the creators to help you with setup, customization, and any issues along the way.

Tech Stack

  • shadcn/ui
  • Next.js & Astro v6
  • TypeScript
  • Tailwind CSS v4
  • Lucide Icons
  • Figma Design Files Included

Who Should Use & Benefit from this Shadcn Portfolio Landing Page Template

This shadcn template is useful for:

Designers & Creatives

  • Ideal for UI/UX designers, freelancers, and creators who want to present their work and expertise professionally.

Agencies & Studios

  • Well-suited for creative agencies showcasing services, case studies, and client trust in one cohesive layout.

Product & Consulting Professionals

  • A strong option for consultants and product professionals who need a credible, content-driven portfolio site.

FAQs

No, as such, we don’t sell the templates separately. All the templates are available in Pro, Team, and Enterprise plans.

If you are a new customer, then first purchase aĀ Pro,Ā Team, orĀ EnterpriseĀ plan. Once purchased, navigate to theĀ TemplateĀ page and click theĀ DownloadĀ button.

Yes, the design file is included with the template, but it is available only if you have purchased the Pro, Enterprise, or Team plan.

All templates support shadcn/ui theme with light and dark mode, except the Neural AI App landing page, which is designed in dark theme by default. So, no light mode for this one.

Yes, the Pro, Enterprise, and Team plan comes with Pro blocks included.

PleaseĀ join our Discord channelĀ and let one of the project maintainers know that you have purchased Shadcn Studio Pro. You will then have access to a private support channel.

You can reach us for any account, billing, or license questions through the chat feature located at the bottom right corner of our website's pages.