Max โ Creative Developer
A bold Next.js + shadcn/ui portfolio template for creative developers & freelance designers. Outsized hero, brand list, project showcase, and long-form testimonials.

- Author
shadcn.io
- Access
- Included in Pro
- Download
- From your dashboard
Live preview
Live Preview
Interact with the actual deployed template โ every section, every interaction, no mockups.
shadcn.io/demos/max
Open in a new tab (opens in a new tab)Loading previewโฆ
Screens
Every page, as built
5 screens from Max, up close.

About
About Max
Max is a bold, typography-driven portfolio template built for creative developers and freelance designers. Designed around an outsized headline aesthetic, it positions personal brand and craft front-and-centre โ so visitors immediately understand the calibre of work you ship.
Every section is tuned for the freelance / creative-developer use case:
Core Features
5 features
Bold Typography Hero
Outsized 7xl heading with a clip-path entrance animation that establishes confident craft on first paint โ no marketing fluff, just a name and a value proposition.
โWorked Withโ Brand List
Animated brand-name marquee (C2 Montreal, Office Studio, Locomotive, Silencioโฆ) with hover-shift interactions that double as social proof for premium clients.
Project Showcase Cards
Multi-column case-study grid for portfolio work โ each card supports a cover image, role, year, and outcome metric so the work tells its own story.
Long-Form Testimonials
Indented, large-format quote sections that read as endorsements rather than carousel filler. Built for the kind of testimonial that closes a $50K engagement.
Contact-First CTA
Streamlined contact section with email + booking link prominent, designed for the freelancer's โsend me one good emailโ conversion path rather than a self-serve checkout.
Whether you're a solo creative developer landing your first client or a senior freelancer running a six-figure book, Max is the high-fidelity foundation that makes premium clients trust you on first impression.
Make premium clients trust you on first impression. Unlock Max and every other shadcn.io template, block, and component with one Pro plan: monthly, yearly or lifetime.
- 14 premium templates
- 6,000+ blocks
- MCP for AI agents
- Updates included
Video
Video Showcase
A live tour of the template.
Included in Pro
More Templates
Hand-built premium templates from shadcn.io โ production-ready and bundled in Pro.
How it works
Make premium clients trust you on first impression.
One Pro unlock gets you Max, 13 more premium templates, 6,000+ blocks, MCP for every AI editor, and every shadcn primitive.
Pick any template
Browse 14 production-ready templates โ from AI agent landings to creative-developer portfolios.
Make it yours
Plug in your brand, your copy, your logic. Everything is plain shadcn/ui + Tailwind โ edit, theme, or compose freely.
Ship this weekend
Install via the shadcn CLI or prompt an AI agent through MCP. What took a week takes an hour.
Pricing
Get Max with Pro
Max and 13 more premium templates come with every Pro plan, with 6,000+ blocks and the MCP server.
4.9/5 out of 5 ยท 150+ reviewsfrom 150+ founders and developers.
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
Reviews
Devs love shadcn.io
Rated 4.9 out of 5 from 150+ reviews. 100k+ developers build with shadcn.io; here's what they say.
โBeautiful landing page design with perfect balance and flow. The color palette combined with the animations creates an exceptional user experience.โ
AOAlan Obeng-PeprahSenior Designer @ NativeXAI โThe templates are not just visually stunning but also incredibly well-structured. Saved us weeks of development time.โ
ABAbiola BraimahDeveloper @ Studio IX โshadcn.io templates have completely transformed how we approach new client projects. The code quality is exceptional and the designs are truly world-class.โ
DGDanny G.Founder of DevStack โI've used many template libraries before, but shadcn.io stands out for its attention to performance optimization and clean code architecture.โ
IDIan D.CTO at Wavelength โI appreciate how modular and well-documented these components are. We've been able to mix and match pieces from different templates seamlessly.โ
GPGarrett P.Frontend Lead at TechFusion โThe ROI on shadcn.io templates is incredible. We've dramatically reduced our development time while delivering higher quality sites to our clients.โ
XCXavier C.Agency Owner
Used by 100k devs and across top universities
- Harvard UniversityCambridge, MA
- University of California, BerkeleyBerkeley, CA
- Carnegie Mellon UniversityPittsburgh, PA
- Cornell UniversityIthaca, NY
- University of California, Los AngelesLos Angeles, CA
- University of WashingtonSeattle, WA
- University of Illinois Urbana-ChampaignChampaign, IL
- Dartmouth CollegeHanover, NH
Campus photos from Wikimedia Commons: credits
- Harvard: Wgreaves (CC BY-SA 4.0), Daderot (CC BY-SA 3.0), chensiyuan (CC BY-SA 4.0)
- Berkeley: Falcorian (CC BY-SA 4.0), Bob Collowan (CC BY-SA 3.0), Carol M. Highsmith, Library of Congress (Public domain)
- CMU: Dllu (CC BY-SA 4.0), Jared Luxenberg (CC BY-SA 3.0), Dllu (CC BY-SA 4.0)
- Cornell: Russian Elmo (CC BY-SA 4.0), Eustress (CC BY-SA 4.0), sach1tb (CC BY-SA 2.0)
- UCLA: Coolcaesar (CC BY-SA 3.0), Logan Ward (CC BY 2.0), Alton (CC BY-SA 3.0)
- UW: Ken Lund (CC BY-SA 2.0), Keng Susumpow (CC BY 2.0), Punctured Bicycle (Public domain)
- UIUC: Dori (CC BY-SA 3.0 us), HalloweenHJB (CC BY 3.0), Kevin Dooley (CC BY 2.0)
- Dartmouth: Kane5187 (Public domain), Kane5187 (Public domain), Daderot (Public domain)
FAQ
Frequently asked questions
Everything you need to know before you ship with Max.
Bold Next.js + shadcn/ui portfolio template for creative developers and freelance designers. It is one of the 14 premium templates built by shadcn.io, in Pro.
Single-page creative-developer portfolio โ bold typography hero with clip-path entrance, โWorked Withโ brand-list marquee, project showcase grid, long-form testimonial sections, and a contact-first CTA. 18+ section components, light + dark mode, full TypeScript types, and the editable Figma source.
Both. The personal-brand framing leans solo (single hero name + outsized typography), but the project showcase grid and brand-list sections scale cleanly to a 2โ5 person studio. Add team members to the about section and the rest of the layout still reads correctly.
Yes โ the headline scales from `text-6xl` on mobile to `text-7xl` on desktop and `text-[88px]` at 2xl. The clip-path entrance animation downgrades gracefully at smaller sizes, and the `tracking-tighter` adjusts so long names don't break awkwardly.
Yes. The Max page embeds its live demo (shadcn.io/demos/max) and shows 5 screens and a video tour. Previews are free for everyone; only the code needs Pro.
Max is built with React 19.0.0, Next.js 15.4.0, TypeScript 5.6.3, shadcn/ui and Tailwind CSS 4.0, and its stack lists Figma for the design file. The Max page shows these badges under its cover.
Yes. Blocks and components are React code you copy with the shadcn CLI, so they fit a Next.js and Tailwind CSS project like Max. Pick the base library (Base UI, Radix UI, React Aria or Ark UI) that matches the one your project already uses.
Partly. The shadcn.io MCP server (Pro) finds templates like Max from a description and can add components and blocks to your project, but a premium template's code comes from its page: download it there with Pro, then let your editor work in it. The MCP's files stay on your machine.
Yes. Max and every other shadcn.io template, block, and component are bundled in the Pro plan. Monthly, yearly or lifetime โ see /pricing for the breakdown.
Yes. Every Pro plan includes updates, and Lifetime keeps them coming for good. New sections, bug fixes, and shadcn/ui major-version upgrades land via the shadcn CLI or the MCP server.
With a Pro plan, open Download on the Max page. It goes to your dashboard (/dashboard/template), where Max downloads as a zip of its repository. Without Pro the download is refused.
The Individual license is for personal, non-commercial use, and the Team (up to 5 seats in one company) and Organization (unlimited seats) licenses cover commercial use. Client work and anything your users pay for is commercial use.
No. You can use Max as the start of your own site or product, but you can't redistribute it on its own, or inside a template, starter kit or website builder.
If your plan ends, you keep using what you already accessed in your existing projects, but you get no new downloads or updates. A Lifetime license includes all future updates.
Yes. Project case studies live in a typed array in `lib/projects.ts` (each entry has `title`, `role`, `year`, `cover`, `metrics`). The brand list is a single string array in `lib/brands.ts` โ drop in your client names and the marquee renders them in order.
Yes. Colors flow through Tailwind v4's CSS variables (edit OKLCH values in `app/globals.css` or paste any shadcn/ui theme). The default uses Cabinet Grotesk; swap via the `next/font` import in `app/layout.tsx` to match your personal type system.
Max is a Next.js app, so it deploys wherever Next.js does, such as Vercel, a Node.js server or a container. Run the build script from its package.json and deploy the output as you would for any Next.js project.
Solaris, Reframe Labs, Spherule, Zel Designs and Arete are among the other 13 premium templates, all included with the same Pro plan. The Max page lists more of them.
Yes. Max is premium, and its code isn't public; the collection also has 215 open source templates by community developers that you can clone from GitHub for free. Browse them at /template, and check each repository's LICENSE before you use one.
4.9 out of 5 from 150+ developers
Ship Max this weekend.
14 premium templates, 6,000+ blocks and MCP in every Pro plan.
Get Pro






























